Skip to content

Instantly share code, notes, and snippets.

@ch1nux
Created June 1, 2021 23:42
Show Gist options
  • Save ch1nux/6bec123b69d5b18b74543bdfae409110 to your computer and use it in GitHub Desktop.
Save ch1nux/6bec123b69d5b18b74543bdfae409110 to your computer and use it in GitHub Desktop.
This is the placeholder of the 2nd FreeCodeCamp exercise "Markdown Previewer"
![Markdown image](data:image/png;base64,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)
# Welcome!
## This is my Markdown Previewer
This was set on [React](https://reactjs.org/) and [Marked.js](https://github.com/markedjs/marked), a pretty good **Javascript** library for parsing Markdown into HTML.
### Installation
- If you're using **Vanilla Javascript**, you can use the ES Module version:
```javascript
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
```
- If you' re using **Node.js** or **React**, you can install it:
```shell
npm install marked
```
- Then, you can import it to your code:
```javascript
import marked from marked
```
`marked` It's a function that can receive two params, one required and one optional. You can check details in their [amazing documentation](https://marked.js.org/) (which is also rendered entirely from Markdown!)
### Usage
marked, by default, can render [Github Flavored Markdown](https://github.github.com/gfm/):
```javascript
marked('> This is a blockquote')
```
Will render this:
> This is a blockquote
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment