Edit Email Signature HTML Online - Free Signature Tweaker | HtmlDrag
署名エディター
既存の HTML メール署名を貼り付けて、テキスト、リンク、間隔、レイアウトを視覚的に微調整できます。
プレビュー
コード入力後、下のボタンをクリックしてプレビューを生成
テンプレート
HTML メール署名の微調整方法
HubSpot や会社から支給された HTML 署名コードがある場合は、直接貼り付けて数分で調整が完了します。
署名 HTML を貼り付け
既存の HTML メール署名コードをコピーしてツールに貼り付けます。
プレビューと視覚的微調整
プレビューをクリックして編集可能なプロジェクトを生成し、ダブルクリックでテキストを編集、右クリックで画像を置換できます。
Gmail / Outlook で使用
作業を保存し、更新された HTML をメールクライアントの署名設定にコピーします。
あらゆるメールボックスで安定した署名
Outlook 互換の HTML
レンダリングの問題を減らすため、テーブル構造と一般的なメールスタイル（MSO プロパティを含む）を可能な限り保持します。
コード不要の編集
ダブルクリックでテキストを編集、右クリックで画像を置換できます。HTML を直接操作する必要はありません。
迅速なプレビューと反復
ブラウザですぐにプレビューを確認でき、修正と検証を効率的に行えます。
Outlook 互換を保てる理由（MSO-safe）
Outlook は Word ベースのエンジンでメールをレンダリングします。私たちはメール向け HTML のパターンをできるだけ維持し、エクスポート時にエディター専用の目印を取り除くことに重点を置いています。
MSO 条件付きコメントを保持
<!--[if mso]>…<![endif]--> のような Outlook 専用ブロックを保持し、条件付きの互換性調整が失われないようにします。
テーブルベースの構造を維持
署名は <table> レイアウトに依存することが多いため、不要な構造変更を避けて崩れのリスクを下げます。
エクスポート時に HTML をクリーン化
HtmlDrag からエクスポートする際、data-editor-id、contenteditable、editable-* の id など編集用属性を削除します（MSO ブロック内も対象）。
よくある質問
HTML 署名の安全な微調整に関するクイック回答。
数分でメール署名を微調整しませんか？
HTML 署名を貼り付けて、HtmlDrag で視覚的に微調整しましょう。