ページにリッチテキストを追加

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

注記

このトピックでは、以前にContent Editorで構築されたコンポーネントの設定方法について説明します。代わりにComponentsで構築されたコンポーネントについて知りたい方は、Componentsのドキュメントをご覧ください。

Rich Textコンポーネントを使うことで、ウェブページ上にテキストの追加、インライン編集、フォーマットが簡単にできます。Rich Textコンポーネントは最初にContent Editor上で構築され、ページビルダーの左側のペインのComponentsタブで利用可能です。Rich Textコンポーネントは、ライブウェブサイトに表示されるテキストや表を表示します。

警告

リッチテキストエディタのフィールドにJavaScriptスニペットを追加しないでください。そうすると悪意あるスクリプトの実行を妨げるSorry, you have been blockedエラーが発生します。代わりに、フロントエンドアプリケーションにJavaScript要素を追加しましょう。

これはGoogleタグマネージャーのスクリプトには当てはまりません。リッチテキストフィールドに安全に追加すれば正しく機能します。

ページにRich Textコンポーネントを追加するには:

ページビルダーエディターモードで、左側のペインのSite treeタブで、コンポーネントを追加したいページをクリックします。
ComponentsタブでスクロールしてRich Textコンポーネントアイコンを見つけてください。
アイコンをクリックして、ページのキャンバス上のプレースホルダーにドラッグします。
ページに追加したいテキストを入力したり、コンポーネントに表やメディアファイルを追加したりします。

CKEditorツールバーを使えば、Rich Textコンポーネントの内容に以下のオプションを適用できます:

アイコン	レーベル	概要
	太字	選択したテキストを太字にしてください。
	斜体	選択したテキストは斜体で表記してください。
	下線	選択したテキストに下線を引いてください。
	消線	選択したテキストを消してください。
	Block quote	ブロック引用やプルクォートを含めましょう。
	上標	選択したテキストを(x)に変換します。
	添字	選択したテキストを(x)に変換します。
	フォントの色	フォントの色を変えてください。カラーピッカーも含まれています。
	フォントの背景色	フォントの背景色を変えてください。カラーピッカーも含まれています。
	見出し	あらかじめ定義された段落スタイルを選択して、コンテンツにカスタムスタイリングとセマンティックな値を適用します。
	テキストの整合性	左に揃え、右に揃え、中央に揃え、または両端合わせ。
	箇条書きリスト	箇条書きリストを追加してください。
	番号付きリスト	番号付きリストを追加してください。注記どの値からでも番号付きリストを始めることができます。これを行うには、リッチテキストエディタのツールバーで番号付きリストタイプを展開し、list propertiesを選択し、選択した開始値を入力します。
	水平線	横線を追加してください。
	インデントの減少または増加	段落のインデントを増減してください。
	Link	ハイパーリンクを作成または編集してください。また、メールアドレスへのリンクにも使えます。注記 CKEditorはメールリンクを自動的に認識するため、クリック時にデバイスのメールクライアントにリンクタイプを指定する必要はありません。
	選択メディア	メディアファイルを挿入します。
	表	テーブルを追加しましょう。
	見つけて置き換える	テキストを見つけて置き換えてください。
	フォーマットを削除	選択したテキストからフォーマットを削除してください。
	編集フォーマットコード	Openソースコードエディターを開いてください。また、iFrameタグをHTMLエディターに貼り付けてフィールドにiFrameを埋め込むこともできます。
	フィールド値リセット	フィールド内のすべてのテキストを消してください。
	内部リンクを挿入	サイトツリーから選んだ内部ページへのハイパーリンクを作成します。
	電話番号を追加してください	電話番号へのハイパーリンクを作成し、クリックすると端末の電話クライアントを表示します。