1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
<!DOCTYPE html>
<html>
<head>
<title>markdown-to-jsx: try it live!</title>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" />
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-is@16/umd/react-is.production.min.js"></script>
<script crossorigin src="https://unpkg.com/styled-components@5.2.0/dist/styled-components.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/plain" id="sample-content">
# This is Markdown
#### You can edit me!
[Markdown](http://daringfireball.net/projects/markdown/) lets you write content in a really natural way.
* You can have lists, like this one
* Make things **bold** or *italic*
* Embed snippets of `code`
* Create [links](/)
* ...
<small>Sample content borrowed with thanks from [elm-markdown](http://elm-lang.org/examples/markdown) ❤️</small>
You can even include custom React components if you declare them in the "overrides" option.
<MyComponent>Isn't that cool?</MyComponent>
</script>
<script src="./markdown-to-jsx.js"></script>
</body>
</html>
|
