HTMLリスト生成ツール｜テキストからul・ol・dlを一括作成

このツールでできること

複数行のテキストから、順序なしリストのul、順序付きリストのol、用語と説明を組み合わせるdl形式のHTMLを一括生成できます。生成したコードはそのままコピーできます。

使い方

1. 生成するリスト形式を選びます。
2. ulまたはolでは、1行に1項目を入力します。
3. dlでは、1行に用語{{説明}}の形式で入力します。
4. 「HTMLリストを生成」を押し、生成されたコードをコピーします。

入力例・出力例

appleとbananaを2行で入力しulを選ぶと、次のHTMLを生成します。olでは外側のタグをolにします。

<ul>
  <li>apple</li>
  <li>banana</li>
</ul>

色{{青}}をdlで処理すると、次のように色をdt、青をddとして出力します。

<dl>
  <dt>色</dt>
  <dd>青</dd>
</dl>

よくある利用場面

• 改行リストからul・olのHTMLをまとめて作るとき
• 用語と説明の一覧をdl・dt・ddへ変換するとき
• 項目内の特殊文字をHTMLテキストとして安全に出力するとき

処理仕様

• ulとolは空行を除く1行を1個のliにします。
• dlは各行を用語{{説明}}として読み取り、最初の{{より前をdt、その直後から行末の}}より前をddにします。説明内の追加の{{や}}、読点、カンマ、タブは内容として保持します。
• 空行は無視し、各項目の前後空白は除きます。項目内の連続空白や文字列の\nは変更しません。LF、CRLF、CRの改行を受け付け、入力先頭のBOMは1文字だけ除きます。
• 空入力や空行だけの入力、dlの開始・終了記号不足、終了記号後の文字、空の用語・説明では部分的なHTMLを出力しません。dlのエラーには元の入力上の行番号を表示します。
• 入力した&、<、>は、HTMLテキストへ入れる直前に1回だけエスケープします。入力済みの&は&になり、HTMLタグや既存エンティティを解釈する機能ではありません。
• 出力は小文字タグ、半角スペース2個のインデント、LF改行、末尾改行なしです。入力や形式を変更するかクリアすると、以前の結果とコピー可否を無効にします。
• 入れ子リスト、任意のclassやid、1用語へ複数の説明を関連付ける記法には対応していません。

入力データについて

入力内容とHTML生成はブラウザ内だけで処理し、ToolRollのサーバーや外部サービスへ送信しません。外部ライブラリを読み込まず、Cookie、Web Storage、IndexedDBへ保存する処理もありません。「HTMLをコピー」を押したときだけ、生成したHTMLを端末のクリップボードへ書き込みます。