オンラインテキストからHTMLコンバーターとリッチテキストHTMLクリーナー

Microsoft Word、Google Docs、Notion、またはプレーン テキストの書式設定されたテキストを、クリーンでセマンティックな HTML コードにリアルタイムで変換します。組み込みのビジュアル WYSIWYG エディターを使用して、見出し、リスト、テーブル、リンクをフォーマットします。一方、HTML クリーナーは、肥大化した inline style 属性、MsoNormal クラス、冗長な ラッパー、および空のデータを自動的に削除します。

 

タグ。

Quick Presets:

文字: 0

単語: 0

タグ: 0

HTML サイズ: 0 バイト

Live Rendered Preview

コンテンツを入力または貼り付けると、ライブ レンダリングされた HTML プレビューがここに表示されます...

Word、Google ドキュメント、またはテキストをクリーンな HTML に変換する方法

  1. コンテンツを貼り付けるか入力します: Microsoft Word、Google Docs、Notion、または電子メールから書式設定されたテキストをコピーし、左側の Rich Text Input ビジュアル エディターに直接貼り付けます。または、Load Sample をクリックしてインスタント デモを表示します。
  2. HTML クリーンアップ ルールのカスタマイズ: 右側の設定パネルを使用して、inline スタイルとクラスを削除したり、空の

     

    スペーサー タグを削除したり、冗長な タグをアンラップしたり、Pretty を切り替えたりすることができます。 (インデント) および 縮小された HTML。
  3. ライブ プレビューを確認します: コード出力のすぐ下にある ライブ レンダリング プレビュー ボックスで、クリーン化された HTML がどのように視覚的にレンダリングされるかを確認します。
  4. コピーまたはダウンロード: Copy HTML をクリックしてマークアップを WordPress、Shopify、Ghost、Webflow、またはコード エディターに貼り付けるか、Download .html をクリックしてファイルとして保存します。

どのような肥大化したマークアップが削除されますか? (前と後)

Microsoft Word や Google ドキュメントなどのワード プロセッサから CMS コード エディタに直接コピーして貼り付けると、Web サイトのスタイルシートをオーバーライドする独自の CSS スタイル、フォント宣言、ラッパー スパンが数百バイト挿入されます。

ソース問題 生の Word / Google ドキュメントの貼り付け (前) クリーンアップされたセマンティック HTML (後)
Word MsoNormal & インライン フォント

こんにちは

こんにちは

Google ドキュメント ラッパー
  • リスト項目
  • リスト項目
  • 空白スペーサー段落

     

    (自動削除)
    外部リンクのセキュリティ ガイド ガイド

    テキストから HTML コンバーターの一般的な使用例

    • ブログ投稿の公開 (WordPress、Ghost、Shopify、Webflow): Google ドキュメントまたは Word で記事の下書きを作成し、クリーンなセマンティックに変換します HTML (

      、

      、
        、
        ) は、Web サイトのタイポグラフィをきれいに継承します。
      • Email ニュースレターとランディング ページ: フォント サイズや色のオーバーライドを競合させることなく、軽量の HTML スニペットを生成します。
      • Database & JSON Content Fields: Minified モードを使用して、複数段落の HTML 説明を 1 行に圧縮し、CSV インポート、SQL データベース、または API ペイロードに備えます。
      • 不要なリンクまたは画像の削除: ハイパーリンクの保存 または 画像の保存 のチェックを外して、スクレイピングまたはシンジケートされた記事からサードパーティのリンクと埋め込まれた追跡画像をワンクリックで削除します。

      よくある質問

      Microsoft Word または Google Docs ファイルを、inline スタイルのないクリーンな HTML に変換するにはどうすればよいですか?

      Word または Google Docs ドキュメントからテキストをコピーし、Rich テキスト入力 エディターに貼り付けます。右側の列で、「inline スタイルとクラスを削除する」、「空のタグと空白スペースを削除する」、および 「冗長な タグをラップする」 がチェックされていることを確認します。すべての独自のスタイルとクラスは、見出し、太字/斜体のテキスト、リスト、表、リンクを保持したまま、直ちに削除されます。

      Google ドキュメントから wrap を貼り付けると、のすべての段落にタグが付けられるのはなぜですか?

      Google ドキュメントは、システム clipboard 上のテキスト ノードの周囲に inline タグを配置します。 inline スタイルとクラスの削除 および 冗長な タグのラップを有効にすると、最初にスタイル属性が削除され、次に空の タグのラップが解除され、クリーンなセマンティック タグのみが残ります。

      生の HTML ソース コードをエディタ内で直接編集できますか?

      はい!リッチ テキスト入力ツールバーの Source ボタンをクリックすると、いつでもビジュアル WYSIWYG 編集と生の HTML ソース編集を切り替えることができます。

      代わりに、HTML を Markdown に、または Markdown から HTML に変換したい場合はどうすればよいですか?

      Markdown ファイル (.md) を使用している場合は、以下の「関連ツール」セクションにリンクされている専用の HTML to Markdown Converter および Markdown to HTML Converter をチェックしてください。