ドキュメントJourney OptimizerJourney Optimizer ガイド

高度な HTML エディターでのメールコンテンツの編集 email-expert-mode

最終更新日： 2026年9月8日

作成対象：

  • Experienced
  • User

このページ：​留意するガードレールや、プレビューや保存を行うために視覚的な表示に戻る方法など、E メールデザイナーの高度な HTML エディターを使用して、メールコンテンツの生の HTML ソースを表示および編集する方法について説明します。

style
shade-box
AVAILABILITY
この機能は、限定提供で使用できます。 アクセス権を取得するには、アドビ担当者にお問い合わせください。

高度な HTML エディター​は、ジャーニーやキャンペーン用のメールをデザインする場合や、メールコンテンツのテンプレートを編集する場合に、Journey Optimizer の E メールデザイナーで​ メールコンテンツ ​の生の HTML ソースを直接表示および編集できるエキスパートモードです。

この機能を使用すると、条件などの高度な式をソースに直接挿入できます。 視覚的な（デスクトップ）表示に戻すと、コンテンツが再レンダリングされるので、どちらの表示でも、外観を確認し、編集を続行できます。

ガードレール guardrails

高度なHTML エディターを使用する場合、次のガードレールにより、コンテンツの互換性が保護され、期待値が設定されます。

  • 高度な HTML エディターでは、コードを​検証しません。 構文エラーやレイアウトの崩れをチェックしません。 保存する前に、コンテンツを慎重に確認してください。

  • 今後のシステムアップデートにより、デフォルトのマークアップに行った変更が上書きされる場合があります。 変更が保持されない場合があります。

  • Adobe サポートチームは、カスタムコードや手動での変更による問題の​トラブルシューティングや解決を行うことはできません。 元に戻す必要がある場合に備えて、コンテンツのバックアップを保持しておいてください。

  • 高度な HTML 表示では、コンテンツをシミュレートできません。 デスクトップ表示に切り替えて、コンテンツをプレビューしてください。

  • コンテンツの互換性を確保するために、高度な HTML 表示では​保存できません。 変更を保存する準備が整ったら、デスクトップ表示に戻してください。

WARNING
高度な HTML エディターは、E メールデザイナーの​ 独自にコーディング ​モードとは異なります。 独自にコーディングモードでは、ビジュアルエディターに戻ることはできません。このモードを選択すると、コードのみの編集が維持されます。 対照的に、高度な HTML エディターでは、いつでも HTML 表示とデスクトップ（ビジュアル）表示を切り替えることができます。 詳しくは、コードエディターを参照してください

高度な HTML 表示への切り替え switch-to-html-view

高度な HTML エディターを開き、HTML ソースを編集するには、次の手順に従います。

  1. E メールデザイナーで編集するメールやテンプレートを開きます。例えば、ジャーニーやキャンペーンからメールを作成または編集したり、メールコンテンツテンプレートを開き、その本文を E メールデザイナーで編集したりします。

  2. 画面の右上隅にある「HTML」ボタンをクリックします。

    E メールデザイナーのツールバーの「HTML」ボタンの場所

  3. 高度な HTML エディターを初めて開くと、警告メッセージが表示されます。 注意深く確認し、「OK」をクリックして続行します。 詳細情報

    高度な HTML エディターを初めて開く際の警告ダイアログ {modal="regular"}

    note
    NOTE
    この警告は、高度な HTML エディターを初めて開く際にのみ表示され、毎月リセットされます。

  4. 高度な HTML エディターが表示されます。

    メールのソースコードを示す高度な HTML エディターのインターフェイス

  5. メールコンテンツに目的の変更を追加します。

    note warning
    WARNING
    構文の検証プロセスはなく、Adobe によるサポートが提供されないので、正しい HTML および CSS コードを入力してください。 詳細情報

  6. コンテンツのシミュレーションと保存は、互換性の理由により、高度な HTML 表示では使用できません。 デスクトップ表示に戻して、コンテンツをプレビューし、変更を保存します。

    変更を保存するには、デスクトップ表示に戻します {modal="regular"}

    note
    NOTE
    ビューを切り替えると、編集は保持されます。

関連トピック

AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

  • TL;DR: This page explains how to use the advanced HTML editor (expert mode) in the Email Designer to view and edit the raw HTML source of email content, including its guardrails and how to switch back to Desktop view to preview and save.

Intents:

  • View and edit the raw HTML source of email content directly in the Email Designer
  • Insert advanced expressions, such as conditions, directly in the source
  • Open the advanced HTML editor using the HTML button in the top-right corner
  • Understand the guardrails that apply when editing HTML in expert mode
  • Switch back to Desktop (visual) view to re-render, preview, and save content

Glossary:

  • Advanced HTML editor: An expert mode that lets you view and edit the raw HTML source of email content directly in the Email Designer, whether designing an email for a journey or campaign or editing an email content template (product-specific)
  • Desktop view: The visual view of the Email Designer where content is re-rendered so you can preview it and save your changes (product-specific)
  • Code your own mode: A separate Email Designer mode in which you cannot switch back to the visual editor; once chosen, you stay in code-only editing (product-specific)

Guardrails:

  • This capability is available in Limited Availability; contact your Adobe representative to gain access.
  • The advanced HTML editor does not validate your code; it does not check syntax errors or broken layouts.
  • Future system updates may overwrite changes you make to default markup, so your changes may not persist.
  • The Adobe support team cannot troubleshoot or resolve issues caused by custom code and manual changes; keep a backup of your content in case you need to revert.
  • You cannot simulate content in advanced HTML view; switch to Desktop view to preview your content.
  • You cannot save in advanced HTML view; switch back to Desktop view when you are ready to save.
  • The first-time warning appears only the first time you open the advanced HTML editor and resets each month.
  • Your edits are preserved when you switch views.

Terminology:

  • Canonical name: advanced HTML editor — Acronym: n/a — variants: expert mode, advanced HTML view, HTML view
  • Synonyms: “advanced HTML view” = “HTML view”
  • Do not confuse: “advanced HTML editor” (toggle between HTML view and Desktop view at any time) ≠ “Code your own mode” (code-only, cannot switch back to the visual editor)

FAQ:

  • Q: Can I save while in advanced HTML view? — No. You cannot save in advanced HTML view; switch back to Desktop view to save your changes.
  • Q: Can I simulate content in advanced HTML view? — No. Switch to Desktop view to preview your content.
  • Q: Does the advanced HTML editor validate my code? — No. It does not check syntax errors or broken layouts, so review your content carefully before saving.
  • Q: Are my edits lost when I switch views? — No. Your edits are preserved when you switch between views.
  • Q: Is the advanced HTML editor the same as Code your own mode? — No. The advanced HTML editor lets you toggle between HTML view and Desktop view at any time, whereas Code your own mode keeps you in code-only editing with no way back to the visual editor.
recommendation-more-help
journey-optimizer-help