webroukMarkdownBody
Webrouk Markdown Body is a native JavaScript markdown-to-html web component to load and display markdown files.
Demo
Installation
Use NPM to download and install it directly in to your project
$ npm install webrouk-markdown-body --save
or include js file manually
<!-- webrouk-markdown-body component file -->
<script src="webrouk-markdown-body.js"></script>
Usage
Using webroukMarkdownBody is simple.
<webrouk-markdown-body src="https://raw.githubusercontent.com/twbs/bootstrap/main/README.md" mode="light"></webrouk-markdown-body>
Options
Option | Type | Description | Default |
---|---|---|---|
src |
url | path
|
Loads and displays an external MD file | null |
default | # Hello World! |
Default message if there is no content | null |
mode |
light | dark
|
Chooses the color mode to be applied | null |
Write markdown inline
You can pass in your markdown inline too.
<webrouk-markdown-body mode="dark">
<textarea>
- **item one**
- _item two_
- [x] item three
- [Google](https://www.google.com/)
- [YouTube](https://www.youtube.com/)
</textarea>
</webrouk-markdown-body>
License
webroukMarkdownBody is licensed MIT. It can be used for free and without any attribution, in any personal or commercial project.