ページ上でのテキスト編集.
設定ダイアログを開かずに、ページ上で直接テキストを入力・書式設定できます。Text、Alert、Block quoteエレメントのテキストをクリックすると、小さなツールバーが上に表示されます。文言や書式のちょっとした変更に使います。例では1語を太字にし、段落に1文追加しています。
ページ上でのテキスト編集
- ページ上のテキストをクリックします。編集ツールバーが上に表示されます。
- 語をダブルクリックして選択し、ツールバーのBoldをクリックします。
- 語句を足したい場所をクリックして入力します。
- テキストの外側をクリックして編集を終わります。
- ツールバーの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キーでもう一度貼り付けます。
次のステップ
- エレメントのMoreメニューの使い方:エレメント全体のコピー、複製、移動、削除を行います。
- 取り消しとやり直し:変更を1つずつ戻ります。
- AI text commands:選択したテキストを書き換え、短縮、翻訳します。