単独のクリーニング用に既製テンプレートを選ぶか、「一括置換」を開いて、ブロックのようにテンプレートのチェーンを組み立てます。
テンプレート
「検索」フィールドでは JavaScript RegExp を使うことも、RegExp をオフにしてプレーンテキストだけを検索することもできます。フラグ:
g — すべての一致、i — 大文字小文字を区別しない、m — 複数行モード。置換欄を空にすると一致部分が削除されます。 完了。
エディターについて
ライブプレビュー付きの無料で安全なオンライン HTML エディター
Replitor は、HTML をすばやく整理し、手作業で編集し、その結果をすぐに確認するための実用的なオンライン HTML エディターです。左側にコード、右側に WYSIWYG のライブプレビューを表示し、変更は余計な操作なしで同期されます。
基本的な編集だけでなく、作業時間を減らす機能も備えています。クリーンアップテンプレート、一括置換、検索と置換、正規表現、JSON チェーン、変更履歴、クイックボタン、現在の作業内容のローカルスナップショットを利用できます。
すでに使える機能
- タブ入力、シンタックスハイライト、行折り返し、行番号に対応した HTML 編集。
- ページを再読み込みせずに iframe 内で表示するライブ WYSIWYG プレビュー。
- プレビュー内のテキストを直接編集し、その変更をコードへ戻す同期。
- 選択したブロックの削除、空要素の整理、文書構造の慎重な管理。
- 内蔵テンプレートと自作クリーンアップテンプレート、自分のセットのインポートとエクスポート。
- 一括置換、検索と置換、正規表現、JSON チェーン、変更履歴、繰り返し操作用のクイックボタン。
使いやすい理由
基本の考え方は単純です。コード編集と見た目の確認を分けて考える必要がありません。HTML を手で直し、プレビュー上のテキストをクリックして直接編集し、用意されたブロックから置換チェーンを組み立て、うまくいった手順を再利用できます。
CMS、AI ツール、ビジュアルエディター、古い管理画面から出てきた HTML を扱うときに特に便利です。汚れたコードを素早く整理し、作業手順を保存し、結果を落ち着いて確認できます。
ローカル、非公開、追跡なし
エディターはユーザーの端末上で動作します。HTML、テンプレート、変更履歴、現在のスナップショットは、編集のためにサーバーへ送信されません。ユーザーテンプレートは localStorage に、作業中の一時データと履歴は現在のタブの sessionStorage に保存されます。
このプロジェクトは空き時間に少しずつ開発されています。大きな文書での性能向上、より安定したビジュアル編集、新しい自動置換のシナリオを段階的に追加しています。目的は、日々の HTML 作業で速く、わかりやすく、本当に役立つエディターにすることです。
エディター画面の多くのアイコンは Phosphor Icons を使用しています。