totonoe

文字を整える

初級

Markdownを整える

= 書いた瞬間にプレビュー、安全なHTMLも出力

左にMarkdownを書くと、右にその場でプレビュー。安全なHTMLソースの出力・目次の自動生成・文字数カウントまで。自前パーサがHTMLを必ずエスケープするので、危険なタグやリンクは通しません。入力はこの端末から一切出ません(送信ゼロ)。

i

TLDR — 30秒で分かる

書くそばからライブプレビュー安全なHTML出力目次(TOC)自動生成・文字数カウントまで。生HTMLは通さずXSSが起きない自前パーサ。

主な機能を見る
  • 入力即プレビュー(見出し/強調/リスト/引用/コード/表/チェックボックス/リンク)
  • XSSが起きない安全な自前パーサ(生HTML・script・javascript:リンクを無害化)
  • HTMLソースの出力・コピー
  • 見出しから目次(TOC)を自動生成
  • 文字数・見出し数・行数・単語数の同時カウント
  • サンプル文書をワンクリック挿入
入力すると即時にプレビュー(送信ゼロ)
Markdown 入力 GFMの一部に対応
ライブプレビュー 安全な許可タグのみ描画

文字数(空白除く)

0

見出し数

0

行数

0

単語数(空白区切り)

0

目次(見出しから自動生成)

    見出し(# 〜 ######)を書くと、ここに目次が出ます。

    HTMLソース出力

    ※ 出力されるHTMLは、このツールが組み立てた許可タグだけで構成され、危険なタグ・属性は含まれません。そのまま貼り付けて安全に使えます。

    このツールのポイント・4つ

    書いた瞬間に見える。しかも安全。

    1. 1

      入力即プレビュー

      左にMarkdownを書くと、右に整形結果がその場で表示されます。見出し・強調・リスト・番号付き・引用・コードブロック・インラインコード・リンク・水平線・表・チェックボックスに対応します。

    2. 2

      XSSが起きない安全な自前パーサ

      入力はいったん全部「ただの文字」としてHTMLエスケープし、このツール自身が許可したタグだけを組み立てて表示します。だから <script>onclick=javascript: リンクは実行されず、無害な文字として扱われます。

    3. 3

      HTML出力・目次・カウント

      整形結果のHTMLソースをコピーできます。見出しからは目次(TOC)を自動生成(アンカー付き)。文字数・見出し数・行数・単語数も同時に表示します。

    4. 4

      対応はGFMの一部(安全なサブセット)

      よく使う記法を安全に絞ってサポートしています。脚注・定義リスト・生HTMLの埋め込み・画像の外部読み込みなどには対応していません。生HTMLはあえて通しません(セキュリティ優先)。

    🔒 変換はすべてあなたのブラウザの中(JavaScript)で完結します。書いた文章はサーバに送られません(送信ゼロ)。外部CDN・APIも使いません。

    SCENE 01

    下書き・確認

    README やブログの下書きを、整形イメージを見ながら書く。崩れていないか即チェック。

    SCENE 02

    HTMLに変換

    Markdownで書いて、安全なHTMLソースを取り出してCMSやメールに貼り付け。

    SCENE 03

    目次づくり

    長い文書の見出しから、リンク付きの目次(TOC)を自動生成してコピー。

    よくある質問

    Q. 書いたMarkdownはどこかに送信されますか?
    A. いいえ。変換はすべてブラウザ内のJavaScriptで完結し、サーバにも外部CDN/APIにも一切送りません(送信ゼロ)。
    Q. どの記法に対応していますか?
    A. 見出し(#〜######)、太字/斜体/取り消し線、箇条書き・番号付きリスト、チェックボックス、引用、コードブロック・インラインコード、リンク、水平線、表(GFM)です。安全なサブセットに絞っています。
    Q. <script> やHTMLを直接書いたらどうなりますか?
    A. 実行されません。生HTMLはタグとして解釈せず、&lt;script&gt; のように「ただの文字」としてエスケープ表示します。
    Q. javascript: を仕込んだリンクは危なくないですか?
    A. 無害化します。javascript:・data:・vbscript: などのリンクは # に置き換え、許可するのは http(s)・mailto・tel・相対パス・アンカーのみです。
    Q. 出力したHTMLはそのまま貼って安全ですか?
    A. はい。出力HTMLはこのツールが組み立てた許可タグだけで構成され、危険なタグ・属性(onclickなど)は含まれません。
    Q. 対応していない記法はありますか?
    A. 脚注・定義リスト・画像の外部読み込み・生HTML埋め込み・ネスト構造の一部などには未対応です。安全性を優先し、よく使う記法に絞っています。

    入力値はURLの「#」以降に入るためサーバーには送信されません。リンクを開くと同じ状態を復元します。

    RELATED TOOLS

    続けて整える

    KOINOBORI ECOSYSTEM

    私たちが運営するサイト