Markdownエディタ
Markdown Editor
Markdownをリアルタイムのプレビュー付きで書き、GFMの表とタスクリストごとHTMLに書き出します。
Markdownを書くと、隣に描画結果が、その裏にHTMLが、そして見出しの構造が並びます。パーサーはこのリポジトリが自前で実装したCommonMarkで、仕様の652例のうち99.8%を通します。
Markdown
プレビュー
プロジェクトについて
ライブプレビュー付きのMarkdownエディタです。太字、斜体、コード、リンクが使えます。
セットアップ
- リポジトリを取得します
- インストーラーを実行します
- アプリを開きます
| 品目 | 数量 | 金額 |
|---|---|---|
| ノートPC | 2 | 2,400,000 |
| モニター | 3 | 900,000 |
引用はこのように表示されます。
const total = items.reduce((sum, item) => sum + item.price, 0);
- [x] タスクリストも使えます
- [ ] チェックしていない項目も同じです
設定
文書
単語
36
文字
372
リンク
1
画像
0
コードブロック
1
表
1
見出しの構成
- プロジェクトについて
#section - セットアップ
#section-1
アンカーはパーセントエンコードではなくローマ字にします。ただしローマ字化の対象はハングルだけで、かなと漢字は落ちるので、日本語だけの見出しはsection、section-1…になります。
使い方
Markdownを書くか貼り付けます
入力しているそばからプレビューが更新されます。先頭のYAMLフロントマターは水平線として描かず、認識したうえでプレビューから外します。
出力が要るときはHTMLに切り替えます
同じ文書をHTMLで見せます。CMSやメールのテンプレートに貼れる形で、ダウンロードすると完結したファイルになります。
見出しの構造は文書構造の一覧で確かめます
見出しごとに、そこへ付くアンカーを添えて並べます。h2からh4への飛びも、アンカーの重複も、ここですぐ見えます。
よくある質問
生のHTMLを既定で捨てるのはなぜですか
CommonMarkはそのまま通せと言います。自分で書いた文書なら正しい規則で、貼ってきた文書ならクロスサイトスクリプティングの穴です。自分の文書のために、警告付きで切り替えられるようにしてあります。
表が描かれません
パイプの表はCommonMarkではなくGitHubの拡張です。既定はオンで、オフになっているなら、パイプを文字どおり描く厳密な仕様どおりの挙動を見ています。
アンカーがローマ字になるのはなぜですか
日本語やハングルの見出しへのリンクが、チャットに貼っても生き延びるようにするためです。パーセントエンコードされたアンカーは正確ですが読めず、途中で壊すシステムもいくつもあります。
ここから渡せます
MarkdownをPDFに変換
Markdown to PDF
Markdownの見出し・リスト・表・コードブロック・引用を標準14書体で組版します（日本語は埋め込めるフォントがないため出せません）。
ダミーテキスト生成
Lorem Ipsum Generator
ラテン語・英語・韓国語・日本語・中国語で、レイアウト確認用の段落・文・単語を作ります。
HTMLをMarkdownに変換
HTML to Markdown
貼り付けたHTMLや保存したページを、見出し・入れ子のリスト・GFMの表・コードブロックを保ったMarkdownに直し、スクリプトとスタイルは捨てます。
Markdown表作成
Markdown Table Builder
表をグリッドで編集して桁の揃ったMarkdownを書き出すか、崩れた表を貼り付けて整え直します。
次の一手
このツールが出したものをそのまま受け取れる道具です。
HTMLをMarkdownに変換
HTML to Markdown
貼り付けたHTMLや保存したページを、見出し・入れ子のリスト・GFMの表・コードブロックを保ったMarkdownに直し、スクリプトとスタイルは捨てます。
Markdown表作成
Markdown Table Builder
表をグリッドで編集して桁の揃ったMarkdownを書き出すか、崩れた表を貼り付けて整え直します。
MarkdownをWordに
Markdown to Word
Markdownを見出しスタイルの効いた.docxに組み、Wordで編集も変更履歴も使えるようにします。
MarkdownをPDFに変換
Markdown to PDF
Markdownの見出し・リスト・表・コードブロック・引用を標準14書体で組版します（日本語は埋め込めるフォントがないため出せません）。
検索と置換
Find & Replace
文字列・単語単位・正規表現で置換し、キャプチャグループを使って、当たった箇所をすべて事前に確認できます。
個人情報のマスキング
Text Anonymiser
自由文からメールアドレス・電話番号・カード番号・各種の識別番号を見つけて伏せ字にするか仮名に置き換えます。