HTMLからテキストへの変換ツール
プレーンテキストのメール、テキスト分析、文字数カウントの処理では、いずれもHTMLを人間が実際に目にする読みやすい文字列に変換し、マークアップの残りかすを取り除く必要があります。HTMLを貼り付けると、このツールがすべてのタグを削除し、エンティティをデコードし(& → &)、インデントによって生じた余分な空白をまとめて、分析やマルチパートメールのtext/plainパート用にそのまま使える、きれいで読みやすい文章を出力します。
HTMLをテキストに変換する方法
-
1
HTMLを貼り付ける
サイズは自由です。短い断片でも、リッチなメール本文でも、ページ全体でも構いません。
-
2
変換する
ワンクリック: すべてのタグと属性が削除され、エンティティがデコードされます。
-
3
改行を確認する
段落、リスト項目、表の行がそれぞれ別の行になり、テキストの構造が保たれます。
-
4
テキストをコピーする
出力は純粋なUnicodeテキストなので、文字数カウンターやメールテンプレート、感情分析モデルにそのまま渡せます。
変換処理における複雑なタグの扱い方
HTMLをテキストに変換する処理は、単なるstring.replace(/<[^>]+>/, "")では済みません。単純な正規表現ではエンティティのコードやインデントの空白がそのまま残り、</p>が新しい行を始めるべきだということも分かりません。
ブロックレベルとインライン
ブロックレベルのタグ(<br>、および閉じタグの</p>、</div>、</h1>〜</h6>、</li>、</tr>)はそれぞれ改行を1つ生成します。インラインタグ(<a>、<span>、<strong>)は空白を残さないため、単語どうしがつながってしまうことはありません。
個々のタグの扱い
| タグ | 処理 |
|---|---|
<br> |
改行1つ |
</p>、</div>、</h1>〜</h6> |
閉じタグごとに改行1つ |
</li>、</tr> |
改行1つ、箇条書きの記号や表のセル区切りは追加されない |
<a href="url">text</a> |
text。href属性は削除される |
<img alt="text"> |
何も出力されない。タグに表示テキストがないため |
<script>、<style> |
タグだけが削除され、間のテキストは残る |
エンティティのデコード
- 名前付きエンティティ(
&、©、é)は対応するUnicode文字にデコードされます。 - 数値エンティティ(
©、©)もデコードされます。 - 未知のエンティティはそのまま保持されるため、分析ツールでも確認できます。
空白の正規化
- 改行の前のスペースとタブは削除されます。
- 空行が3行以上続くと、空行1行にまとめられます。
- 単語間のスペースはそのまま保持され、変換ツールがテキストを並べ直すことはありません。
活用例
- マルチパートメールの
text/plainパートを生成する。 - スクレイピングした記事を言語モデルに渡す前にクリーンアップする。
- プレーンテキストの検索インデックスに投入する。
- マークアップを無視した正確な文字数(単語数)を算出する。
よくある質問
視覚的な書式設定(太字、色、フォント)は失われます、それが目的です。構造は改行として残ります。段落、リスト項目、表の行がそれぞれ別の行になるため、テキストは読みやすさを保ちます。
リンクの表示テキストは残りますが、URLはタグの属性とともに削除されます。URLが必要な場合は、HTMLをMarkdownに変換する専用ツールを使ってください。
変換ツールはタグ自体だけを削除し、タグの間のテキストは保持するため、<script>や<style>ブロックの内容が出力に残ります。不要な場合は、元のHTMLから先に削除してください。
はい。出力はUTF-8であり、入力中のすべての非ASCII文字を保持します。©やéなどのエンティティはそれぞれのUnicode対応文字にデコードされます。
関連ツール
ASCII表リファレンス
0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。
HTML文字参照
HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。
キーボードショートカット一覧
macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。
EditorConfig ジェネレーター
インデントのスタイルとサイズ、改行コード、文字コード、空白ルールを指定して .editorconfig ファイルを生成し、IDE やエディタをまたいで書式を統一できます。
メールアドレス検証ツール
メールアドレスを検証します。RFC 5322構文チェック、MXレコードのライブ確認に加え、ローカル部、ドメイン、長さの詳細を表示します。メールは送信されません。
Markdownチートシート
見出し、リスト、表、コード、リンク、画像、GFM構文を、実際のプレビューとコピーできる例で確認できる実用的なMarkdownリファレンスです。
このツールは他の言語でも利用できます
- Convertidor de HTML a Texto [ES]
- Convertisseur HTML en texte [FR]
- Conversor de HTML para Texto [PT]
- Chuyển đổi HTML thành Văn bản [VI]
- HTML till textomvandlare [SV]
- เครื่องแปลง HTML เป็นข้อความ [TH]
- HTML에서 텍스트로 변환기 [KO]
- مُحوّل HTML إلى نص [AR]
- HTML zu Text Konverter [DE]
- Konverter HTML ke Teks [ID]
- HTML naar tekst converter [NL]
- Konwerter HTML do tekstu [PL]
- HTML to Text Converter [EN]
- Convertitore da HTML a Testo [IT]
- Преобразователь HTML в текст [RU]
- HTML'den Metne Dönüştürücü [TR]
- HTML到文本转换器 [ZH]