December 15, 2021 07:55 am GMT
Original Link: https://dev.to/shubham_ingale/creating-markdown-blog-or-docs-generator-with-js-serverless-2e6b
Creating markdown blog or docs generator with js (serverless).
Hey there everyone ,
If you've created blog on dev.to , you're might be familiar with blog generator with md.
I'll share how you can create that type of generator with only js.
libraries to use.
- Showdown.js @showdownjs
- Markdown.css by sindresorhus @markdown-css
showdown.js
Showdownjs is a library which converts markdown code into HTML code.
From
# header**Bold**_italic_
To
<h1>header</h1><strong>bold</strong><em>italic</em>
How to use showdown.js
You should visit to official docs for advanced level tools of library.
I'll show you how you can convert the md into html with GitHub flavour of markdown.
var my_markdown_input = document.querySelector("#mdinput") , converter = new showdown.converter();var converted_text = converter.makeHtml(my_markdown_input);// converted_text will be variable having html code
Markdown css
The style created by sindresorhus which looks like github markdown body.
How to use markdown css ?
The markdown css by sindresorhus is very simple to use. You just have to add classname "markdown-body" and it will convert html into GitHub like markdown styled html.
<div class="markdown-body"></div>
Original Link: https://dev.to/shubham_ingale/creating-markdown-blog-or-docs-generator-with-js-serverless-2e6b
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To