a-markdown Web Component

A component that leverages the powerful Showdown library to render markdown formatted text as HTML

README

Quick Start

Attributes

Attributes
file

The URL of the markdown file to fetch.
foo
A malicious script! [Click Me](javascript:alert('XSS_Attack'))
display display

How to display the content. Can be:

  • 'converted': [default] The final rendered result.
  • 'markdown': The original markdown text.
  • 'html': Text of the raw HTML (including tags)
Showdown Options

Options

					<a-markdown options='{"property": "value"}'>
					...
					</a-markdown>
or 
					<a-markdown optionName>
					...
					</a-markdown>
or 
					<a-markdown optionName = "false">
					...
					</a-markdown>
| Heading One | Heading Two | Heading Three | | :---------- | :---------: | ------------: | | Cell A 1 | Cell A 2 | Cell A 3 | | Cell B 1 | Cell B 2 | Cell B 3 |
| Heading A | | :-------- | | 100 | | *foo* |
...
~~Some strikethrough text~~
line one. line two. line three.
# Header One # Header Two
# Header One!
# header One
normal text ```javascript // code block var foo = 'bar'; console.log(foo); ``` normal text
![iguana](extra/iguana.png =200x80) ![iguana](extra/iguana.png =100x*)
- [] Task One - [x] Task Two
:smile:
[Link Text](https://developer.mozilla.org/)
pinging @foo