コード、データと QRツール

HTML WYSIWYG エディター

短い HTML 断片を視覚的に整形し、ソースを確認して、このローカルエディターからクリーンなマークアップをコピーまたはダウンロードします。

ブラウザ内で処理登録不要プライバシーの説明 ↗

Project notes

Ready for review.

  • Keep it clear
  • Ship the useful part

書式は現在の選択範囲に適用されます。貼り付けた内容は書き出し前に整理されます。

ソースに切り替えるとビジュアルエディターと同期します。適用または書き出し時に危険なタグ、属性、URL スキームを削除します。

使い方

使い方

  1. エディターに入力または貼り付け、書式ツールバーを使います。
  2. ビジュアル編集と HTML ソースを切り替えて結果を確認します。
  3. プロジェクトで使える状態になったら、整形済み HTML をコピーまたはダウンロードします。

小さな意味的 HTML 編集

見出し、段落、太字、斜体、下線、リンク、箇条書き・番号付きリスト、引用、インラインコードに対応します。head、スクリプト、外部アセットを含む完全な文書ではなく HTML 断片を作成します。

ローカルでサニタイズして出力

編集、サニタイズ、プレビュー、コピー、ダウンロードはブラウザー内で行います。出力マークアップは許可する要素と属性を制限したリストでサニタイズします。スクリプト、イベントハンドラー、フォーム、フレーム、スタイル、安全でない URL スキームは削除されます。

公開前に確認

短い断片向けの専用ブラウザーエディターです。編集コマンドや貼り付けたマークアップの扱いはエンジンによって異なります。アプリ固有の CMS メタデータ、コメント、カスタムコンポーネントは保持しません。

よくある質問

あわせて知りたいこと

コンテンツはアップロードされますか?

いいえ。編集と HTML の整理はブラウザー内で行われ、Hello Keyboard Tools サーバーには送信されません。

HTML を直接貼り付けられますか?

はい。HTML ソース表示で断片を確認または置き換え、ビジュアル表示に戻せます。サニタイズ時に危険な要素と属性は削除されます。

完全な HTML ページを作成しますか?

いいえ。既存のページやエディター内で使うクリーンな HTML 断片を出力します。

CSS クラスは保持されますか?

一般的な class 属性は保持しますが、インラインスタイルや未対応属性は削除します。対象プロジェクトで出力を確認してください。