ページ上でのテキスト編集.

DXPR Builderを学ぶページを作るページを編集

設定ダイアログを開かずに、ページ上で直接テキストを入力・書式設定できます。Text、Alert、Block quoteエレメントのテキストをクリックすると、小さなツールバーが上に表示されます。文言や書式のちょっとした変更に使います。例では1語を太字にし、段落に1文追加しています。

ページ上でのテキスト編集

  1. ページ上のテキストをクリックします。編集ツールバーが上に表示されます。
  2. 語をダブルクリックして選択し、ツールバーのBoldをクリックします。
  3. 語句を足したい場所をクリックして入力します。
  4. テキストの外側をクリックして編集を終わります。
  5. ツールバーのSaveをクリックして、ページを保存します。

ボタンのラベルやプログレスバーのラベルも、ツールバーなしでその場で変わります。

ツールバーのボタン

ツールバーに表示されるボタンは、ユーザープロファイルで決まります。以下はツールバーが持ちうるすべてのボタンで、ツールチップの名前順です。

ボタン 内容
Bold、Italic、Underline、Strikethrough 選択した語句を強調します
Remove Format 選択範囲の書式を消去します
Heading 段落を見出しに、または見出しを段落に戻します
Styles テーマのテキストスタイルを適用します
Font Size、Font Color、Font Background Color 選択した語句のサイズと色
Align left、Align center、Align right、Justify 段落の配置
Bulleted List、Numbered List 段落をリストにします
Link リンクの追加や編集
Insert image、Insert table テキスト内に画像や表を入れます
Source HTMLを表示し、直接編集します
Undo、Redo このテキスト内で1つ戻る・進む

AI設定済みの場合、ツールバーの先頭に2つのボタンが付きます。AI Agentは選択したテキストを書き換えるコマンド一覧、Tone of voiceは選んだトーンでの書き換えです。AI text commandsをご覧ください。

他の場所からのテキストの貼り付け

WordやWebページから貼り付けたテキストは、独自の色やフォントを含め書式を保持します。語句だけを貼り付けるには、Ctrl+Shift+Vキー(MacではCmd+Shift+Vキー)を押します。画像はテキスト内に貼り付けず、Imageエレメントで追加します。

表示内容

編集中はツールバーがテキスト上に浮かびます。変更はすぐに反映され、訪問者の見た目そのままです。外側をクリックするとツールバーが閉じ、Saveボタンのドットがページに未保存の変更があることを示します。

ツールバーが表示されない場合

  • テキストをクリックしても何も起きない。 ページがPreviewモードで、テキストを編集できません。DXPRツールバーの目アイコンをクリックしてEditを選びます。
  • 必要なボタンがない。 ユーザープロファイルに含まれていません。管理者がText editor buttons (inline editing)(/admin/dxpr_studio/dxpr_builder/profile)でチェックします。テキストエディターのカスタマイズをご覧ください。
  • 再読み込み後に変更が消えている。 テキストの外側のクリックではページは保存されません。離れる前にDXPRツールバーのSaveをクリックします。
  • 貼り付けたテキストがページの他と違って見える。 独自のスタイルを持ち込んでいます。Ctrl+Zキーを押してから、Ctrl+Shift+Vキーでもう一度貼り付けます。

次のステップ