機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

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

この記事で欲しい情報が見つからなかった方へ

この記事の更新情報がある場合があります。
この記事は以下の記事とも関連性があると思われます。

WordPress hooks 最終的なHTMLを取得して編集する
Webページのリダイレクト速度比較 HTML vs JavaScript vs .htaccess
JavaScript YoutubeでHTML5動画が再生されているか判定
selenium webdriverでページをPDFとして保存するかリソースを含んだHTMLを保存したかったけどできないみたい
JavaScriptをHTMLが読み込まれたら実行する/ウェブページが完全に読み込まれたら実行する
JavaScriptをHTMLが読み込まれたら実行する/ウェブページが完全に読み込まれたら実行する
CSS class2つを指定したい場合のHTMLとCSSの書き方


管理人の方針で、既存の記事の編集はせず、新しい情報や大きな既存情報の更新があった場合には、新しい記事として公開することになっています。
当記事で欲しい情報が見つからなかった・解決に至らなかった場合、これらのリンクがお役に立てるかも知れません。

どうやってこの関連記事を生成しているの?
この機能のPHPソースコード(2500行)

コメントを残す

Close Menu