include ReadMe.md, convert to markdown and include in html - javascript

I am writting a github gh-page index.html:
Is it possible with some javascript, to import the ReadMe.md from a link and send it to the markdown javascript formatter (i think thats the file) of github and append the output somewhere in the index.html?
I am new to javascript and html.

Related

Webpack - Inject bundle file to existing html file

Using html-webpack-plugin with web pack,
Can create or generate a index.html file
Can use template to generate a index.html file
But I want to inject the bundled JS and CSS file to another existing html file.
I didn't find any options to do that in the plugin.
We have Asp.net MVC _layout.html.
If I go with the template option, the contents from _layout.html are broken since more code in _Layout.html are html mixed with c#.
Do we have any option to replace content without breaking or add bundled file to existing html file?
Set your html file as template.
template: 'path / to / template / index.html'
Your template extends the basic plugin template.
You can freely modify the template, which is defacto your file e.g. index.html modified by the plugin.

Get Sections of a Document to Match HTML Template

I want let the user import their .docx files and match the sections of .docx file with my HTML page template.
For example;
-Title of imported .docx file should be placed to template's title section,
-Contents of imported .docx file should be placed to template's content section,
-References of imported .docx file should be placed to template's reference section,
-Images of imported .docx file should be placed to template's image section,
and so on.
I have tried mammoth module but It only generates HTML and I cannot find separate sections.
I also think that I can convert the .docx file to .pdf and I used libreoffice-convert module to get .pdf.
Same problem, cannot get sections from the .pdf.
Is there any library in JavaScript or .Net to get sections of .docx or .pdf file?
officegen on npm is good for that :)
Its support docx and pptx :)
Try to check this on npm ^^

import jQuery ui i18n

Problem: I have jQuery datepicker in react app, which has to be localised in different languages(30 lang). I downloaded all the i18n file from the link (https://github.com/jquery/jquery-ui/tree/master/ui/i18n) but it has to be included as <script> tag.
Question: Is there a way to import this file? using webpackand commonjs?. I am using es6 import. Is there a way to bundle them all and import in the on file?
any suggestions are appreciated.
Edit:
Yes there's a way:
You can create a javascript function that takes the path as a parameter and creates these HTML lines:
<script src="js/datepicker-in-all-languages/datepicker-af.js"></script>
<script src="js/datepicker-in-all-languages/datepicker-ar-DZ.js"></script>
<script src="js/datepicker-in-all-languages/datepicker-ar.js"></script>
...................and for all other 30 languages................
And you'll just have to call this:
loadLib("datepicker-in-all-languages/datepicker-af");
loadLib("datepicker-in-all-languages/datepicker-ar-DZ");
loadLib("datepicker-in-all-languages/datepicker-ar");
Edit:
Also take a loot at Grunt which is meant for the same purpose.You can setup grunt to watch the folder of the scripts and concat/minify them into a single file, then you just have to include that in your HTML file.:
GRuntJS usage(According to their official page): With literally hundreds of plugins to choose from, you can use Grunt
to automate just about anything with a minimum of effort.
Edit:
There is also a minified file of jQuery ui i18n which is being hosted by google. You can use it in single <script> tag : http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js . I found it in answers here here.

How to Use or Import jQuery custom builder in a Notepad, Sublime etc...

I just want to ask how to use the jquery custom builder since i separate the folder of jquery custom builder to the Login Folder. Here is the folder path for the jquery custom builder
And here is for the Login Folder
I have tried this kind of syntax for getting the Directory of the js file and to other files to but it doesn't seems to work.
<script src = "‪../htdocs/WebSite/jslib/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
i hope you can help me with this since i'm just starting jquery i also read the guide for using jquery i follow the instruction but it's still the same.
Thanks
Where is the html file that imports jquery script tag? It seems like just path problem. Usually, URI paths are based on app server root. There are so many ways managing URI, but XAMPP might let file resource paths show up same as URI paths.
When app server root is located on c:/foo/bar/:
c:/foo/bar/lib/jquery.js -> http://localhost:xxxx/lib/jquery.js
c:/foo/bar/index.html -> http://localhost:xxxx/index.html
So in index.html, import resource as this way.
<script src="‪lib/jquery.js"></script>

How to move tag script in template to a .js file?

I want to move tag script content in template to a .js file(e.g. in this way, I can use JSHint, whatever) and put it into template directory.
I found the document that said it can treat .js file as a static file, so I must run python manager.py collectstatic every time when I deploy my .js file to server(because I need debug my js code). That is very trivial.
I want to put my .js file and template file which including the .js together, so how to do it?
You can use the --link option in collectstatic to symlink your files rather than copying. That means you only need to run collectstatic again when you are adding a completely new static file, since updates to existing ones will be automatically seen via the symlink.
I add this line in my template file (e.g. template file is path/to/foo.html):
<script>{% include "path/to/send_bill.js" %}</script>
so it include .js file and add into template .html file as origin, but I can modify my .js file separately!
I don't know is there some side effect?
#Daniel Roseman your solution is very graceful.

Categories