This repository has been archived by the owner on Oct 28, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
19 lines (19 loc) · 3.85 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>mfmf Demo</title>
<link rel="stylesheet" type="text/css" href="./dist/style/mfm.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/prism-2.css" />
</head>
<body>
<!-- MFM_START -->
<div data-mfm="root"><span data-mfm="text">mfm parse test<br></span><span data-mfm="big" class="animated tada"><span data-mfm="text">Big</span></span><span data-mfm="text"><br></span><span data-mfm="bold"><span data-mfm="text">Bold</span></span><span data-mfm="text"><br></span><span data-mfm="strike"><span data-mfm="text">Strike</span></span><span data-mfm="text"><br><br></span><div data-mfm="title"><span data-mfm="text">Code (Block)</span></div><pre data-mfm="blockCode"><code data-mfm="blockCode-inner" class="language-null">PLAIN TEXT</code></pre><pre data-mfm="blockCode"><code data-mfm="blockCode-inner" class="language-typescript">export const うふふ = (name: string = "フランちゃん") => {
return `${name}うふふ`
}</code></pre><code data-mfm="inlineCode" class="language-undefined">Code (Inline)</code><span data-mfm="text"><br></span>:innocent:<span data-mfm="text"> Emoji<br></span><a href="?/tags/hashtag" rel="tag" data-mfm="hashtag">#hashtag</a><span data-mfm="text"><br></span><a href="https://misskey.xyz" data-mfm="link"><span data-mfm="text">link</span></a><span data-mfm="text"><br></span><a href="?/@mention" data-mfm="mention">@mention</a><span data-mfm="text"> </span><a href="?/@mention@other.instance" data-mfm="mention">@mention@other.instance</a><span data-mfm="text"><br></span><span data-mfm="motion" class="animated rubberBand"><span data-mfm="text">motion</span></span><span data-mfm="text"> </span><span data-mfm="motion" class="animated rubberBand"><span data-mfm="text">motion</span></span><span data-mfm="text"><br></span><div data-mfm="center">:v:</div><span data-mfm="text"><br></span><span data-mfm="flip"><span data-mfm="text">flip</span></span><span data-mfm="text"> </span><span data-mfm="jump"><span data-mfm="text">jump</span></span><span data-mfm="text"> </span><span data-mfm="spin"><span data-mfm="text">spin</span></span><span data-mfm="text"><br>"<br>Quote<br>"<br><br></span><div data-mfm="title"><span data-mfm="text">Title</span></div><div data-mfm="title"><span data-mfm="text">title</span></div><div data-mfm="search"><input data-mfm="search-input" type="search" placeholder="Misskey" value="Misskey"><button data-mfm="search-button"><i class="fas fa-search" data-mfm="search-button-icon" data-fa-prefix="fas" data-fa-icon-name="search"></i><span> 検索</span></button></div><div data-mfm="search"><input data-mfm="search-input" type="search" placeholder="Misskey" value="Misskey"><button data-mfm="search-button"><i class="fas fa-search" data-mfm="search-button-icon" data-fa-prefix="fas" data-fa-icon-name="search"></i><span> 検索</span></button></div><a href="https://misskey.xyz/?ai#syuilo" data-mfm="url"><span data-mfm="url-schema">https://</span><span data-mfm="url-hostname">misskey.xyz</span><span data-mfm="url-port"></span><span data-mfm="url-pathname">/</span><span data-mfm="url-icon">?ai</span><span data-mfm="url-hash">#syuilo</span><i class="fas fa-external-link-square-alt" data-mfm="url-icon" data-fa-prefix="fas" data-fa-icon-name="external-link-square-alt"></i></a><span data-mfm="text"><br><br><br></span><a href="https://tamaina.github.io/mfmf/" data-mfm="link"><span data-mfm="text">mfmf説明に戻る</span></a><span data-mfm="text"><br></span><a href="https://github.com/tamaina/mfmf" data-mfm="link"><span data-mfm="text">tamaina/mfmf</span></a></div>
<!-- MFM_END -->
<script defer src="https://use.fontawesome.com/releases/v5.5.0/js/all.js" crossorigin="anonymous"></script>
<script defer src="./assets/prism-2.js" crossorigin="anonymous"></script>
</body>
</html>