テキスト整形・効率化ツール
クリーンHTMLエディター
商品説明やブログ原稿を、不要なタグなしの正しいHTMLに整える無料ツール。Word等のコピペで発生する「ドロドロのコード」を浄化し、プロ仕様の美しいコードへ瞬時に変換します。
文章を貼るだけ。プロ仕様のHTMLへ浄化。
1. 原稿を貼り付け
WordやGoogleドキュメントから、下書き原稿をそのままペースト。スタイルが含まれたままでも問題ありません。
2. 浄化（✨）実行
「ゴミタグ掃除」ボタンを押すと、不要なstyleやspanタグを一括削除。正しいpやhタグ構造へ一瞬で整形します。
3. コードをコピー
黒背景のビューアに書き出された「綺麗なHTMLコード」をコピー。あとはCMSやブログに貼り付けるだけで完了です。
クリーンHTMLエディター
ソース別の最適化プリセットと、詳細なクリーニング設定を搭載。 「フォーカスモード」で執筆に没入し、仕上げは直接コードを微調整できます。
WordやGoogleドキュメントから貼り付けた文章には、不要なstyle属性やspanタグが大量に混入しがちです。これらはデザイン崩れやSEOスコア低下の原因になります。本ツールなら「✨ ゴミタグ掃除」ボタンひとつで、それらを一掃。セマンティックでクリーンなHTMLへ浄化できます。
楽天市場やYahoo!ショッピングなどの商品説明欄、またはHTML制限のあるCMS環境での編集に最適です。divタグを一切使わず、正しいpタグやhタグだけで構成されるため、どんな環境でもデザインが崩れにくく、メンテナンス性の高いコンテンツを作成できます。
ECサイトの文字数制限や、CMSのデータ容量制限で悩むことはありませんか？本ツールは文字数だけでなく、HTMLとしての出力サイズ（KB）をリアルタイムで算出。入稿直前の「容量オーバー」という悲劇を防ぎ、スマートなコンテンツ管理をサポートします。
📘 ユーザーマニュアル
1. 貼り付け
まずは左側のエディタに原稿を貼り付けます。
2. 「ソース（元データ）」を選んで一括浄化
上部にある [Word] [Googleドキュメント] [CMS・ブログ用] の中から、コピー元に合うボタンを1回押してください。
💡 ここがポイント！ ボタンを押した瞬間に、そのデータ特有のゴミ（不要なタグや属性）を自動で判別し、一括で浄化（クリーンアップ）まで完了します。通常はこの1クリックだけで作業終了です。
3. こだわりたい時だけ「詳細設定」
特定のタグだけ残したい、あるいは自分で設定を変えた後に再度やり直したい時だけ、右側の [⚙️ 掃除設定] でチェックを入れ替え、[✨ 浄化実行] を押してください。
なぜ、BlogBoothのクリーンHTMLエディターが選ばれるのか
・脱・div宣言： 意図しないレイアウト崩れを防ぐため、本ツールは一切のdivタグを出力しません。
・リアルタイム連動： 編集した内容は即座に「漆黒のコードビュー」へ反映。書き上がるコードを常に確認できます。
・ブラウザ完結： 入力した原稿はサーバーに送信・保存されません。機密性の高い新商品の説明文なども安心して編集可能です。
クリーンHTMLの仕組みとルール
エディター内での操作は、Web標準に準拠したクリーンなタグ付けプロセスとして処理されます。
Enterキーの挙動
本エディターでは、改行は自動的に <br> タグへ変換されます。段落（Pタグ）や見出し（Hタグ）を適用したい場合は、範囲を選択して上部のボタンをクリックしてください。
タグのトグル機能
同じタグボタンを2回押すとタグを外せる トグル（切り替え）機能 を搭載。コードを直接書き換えることなく、直感的にタグの付け外しが可能です。
編集・公開前のチェックリスト
- 装飾の分離： 本ツールはHTML構造のみを整えます。色やサイズなどの装飾は、貼り付け先のCSS側で指定してください。
- バックアップ： 元のHTMLを上書きする前に、念のためプレーンテキスト等でバックアップを取っておくと安心です。
- プレビュー確認： 特殊なCMS環境では独自のタグ変換が走る場合があります。公開前には必ず実際の表示を確認してください。
- リンクの有効性： リンク（aタグ）を設定した際は、URLが正しいか、別タブで開く必要があるか等を再確認してください。