Strapdown.jsでMarkdownをhtmlに埋め込む

    >

htmlの中でMarkdownを使用することができる,javascriptライブラリ.
html書いてる途中にmarkdownでメモとりたくなったりした時に.

http://strapdownjs.com/

usage

htmlに<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>を追加し,
bodyのなかに<xmp></xmp>タグを作り,その中にmarkdownを記述する.

<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>

<xmp>
# 1
## 2

* foo
* bar

`code`
</xmp>

<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
</body>
</html>

こうなる.
https://lh3.googleusercontent.com/-0rsA4T9aUDk/WXn9BEulktI/AAAAAAAAQGI/NbUUmjObBtI-qL6EXfG4Ui_CiDfcvC0mACHMYCw/s0/chrome_2017-07-27_23-47-29.png


お困りですか?この記事で紹介していることをマンツーマンで指導、解説、代行します。まずはお気軽にお問い合わせください。


関連するかもしれない記事

list.jsでHTMLテーブルにソート(昇順/降順並び替え)と検索を実装
jQuery x list.jsで正規表現検索できて並び替えもできるHTMLテーブルを作る
WordPress hooks 最終的なHTMLを取得して編集する
Webページのリダイレクト速度比較 HTML vs JavaScript vs .htaccess
JavaScript YoutubeでHTML5動画が再生されているか判定
selenium webdriverでページをPDFとして保存するかリソースを含んだHTMLを保存したかったけどできないみたい
JavaScriptをHTMLが読み込まれたら実行する/ウェブページが完全に読み込まれたら実行する


Close Menu