リッチテキストエディター rich-text-editor

リッチテキストエディターは、AEM にテキストコンテンツを入力するための基本的な構成要素です。以下を含む、様々なコンポーネントの基礎を形成します。

リッチテキストエディター rich-text-editor-1

WYSIWYG 編集ダイアログは、様々な機能を提供します。

インプレース編集 in-place-editing

ダイアログベースのリッチテキスト編集モードに加えて、AEM には、ページのレイアウトどおりに表示されたテキストを直接編集できる、インプレース編集モードも用意されています。

段落を 2 回クリック（ゆっくりダブルクリック）して、インプレース編集モードに切り替えます（コンポーネントのボーダーがオレンジになります）。

ページ上のテキストを、ダイアログウィンドウ内ではなく直接編集できます。変更を行うと、その内容は自動的に保存されます。

現在、インプレース編集モードは、テキスト ​および​ タイトル ​コンポーネントで生成されたページ要素に対して有効です。

リッチテキストエディターの機能 features-of-the-rich-text-editor

リッチテキストエディターには様々な機能があり、機能は個々のコンポーネントの設定によって異なります。これらの機能は、タッチ操作向け UI とクラシック UI の両方で利用できます。

基本文字書式 basic-character-formats

以下に、選択した（ハイライト表示された）文字に適用できる書式を示します。ショートカットキーのあるオプションもあります。

すべてオン／オフ切り替えとして動作するので、再選択すると書式が削除されます。

事前定義済みのスタイルおよび書式 predefined-styles-and-formats

事前定義済みのスタイルおよび書式をお使いのインストールに含めることができます。これらは、スタイル ​および​ 書式 ​ドロップダウンリストで利用でき、選択したテキストに対して適用できます。

スタイルは、特定の文字列に対して適用できます（スタイルは CSS に関連付けられます）。

これに対して、書式はテキストの段落全体に適用されます（書式は HTML ベースです）。

個別の書式は変更のみ可能です（デフォルトは「段落」です）。

スタイルは、削除できます。スタイルが適用されたテキスト内にカーソルを置き、次の削除アイコンをクリックします。

切り取り、コピー、貼り付け cut-copy-paste

「切り取り」および「コピー」の標準的な機能が利用できます。「貼り付け」には、書式の違いに対応するためにいくつかの種類があります。

取り消し、やり直し undo-redo

AEM では、現在のコンポーネントでの直近 50 個の操作を記録し、時系列で保持します。これらの操作は、必要に応じて順序通りに取り消す（その後、やり直す）ことができます。

整列 alignment

テキストは、左揃え、中央揃えまたは右揃えにできます。

インデント indentation

段落のインデントは増減できます。選択した段落はインデントされ、新しいテキストが入力されると、現在のインデントレベルが保持されます。

リスト lists

テキスト内には、箇条書きリストと番号付きリストの両方を作成できます。リストの種類を選択してから入力を開始するか、変換するテキストをハイライト表示します。どちらの場合も、改行によって新しいリスト項目が始まります。

1 つ以上のリスト項目をインデントすることで、リストをネストできます。

リストのスタイルは、リスト内にカーソルを置き、他のスタイルを選択するだけで変更できます。サブリストに、親リストと異なるスタイルを設定することもできます。スタイルは、サブリストの作成後に（インデント別に）適用できます。

リンク links

URL（web サイト内または外部の場所）へのリンクを生成するには、必要なテキストをハイライト表示してハイパーリンクアイコンをクリックします。

ダイアログでは、ターゲット URL を指定でき、また、それを新しいウィンドウで開くかどうかを指定できます。

以下の操作を実行できます。

リンクを解除するには、リンクテキスト内の任意の場所にカーソルを置き、次のリンク解除アイコンをクリックします。

アンカー anchors

アンカーは、テキスト内のどこにでも作成できます。カーソルを置くか、テキストを選択します。アンカー ​アイコンをクリックしてダイアログボックスを開きます。

アンカーの名前を入力し、「OK」をクリックして保存します。

アンカーは、コンポーネントの編集中に表示され、リンクのターゲットとして使用できます。

検索と置換 find-and-replace

AEM には、検索 ​および​ 置換 ​の両方の機能（「検索と置換」）があります。

どちらにも「次を検索」ボタンがあり、開いているコンポーネントに対して、指定したテキストを検索します。また、大文字／小文字が一致する必要があるかどうかも指定できます。

検索は、常に、テキスト内の現在のカーソル位置から開始します。コンポーネントの最後に達したら、次の検索処理がコンポーネントの最初から開始されることを示すメッセージが表示されます。

「置換」オプションを使用すると、検索 ​してから、指定したテキストで個別のインスタンスを​ 置換 ​したり、現在のコンポーネントのインスタンスを​ すべて置換 ​することができます。

画像 images

画像は、コンテンツファインダーからドラッグしてテキストに追加できます。

スペルチェッカー spelling-checker

スペルチェッカーは、現在のコンポーネントのすべてのテキストをチェックします。

正しくないスペルは、次のようにハイライト表示されます。

テーブル tables

表は、次のどちらかの方法によって利用できます。

テーブル機能は、テキスト ​コンポーネントと​ テーブル ​コンポーネントの両方において、テーブル内で（通常、マウスの右ボタンを）クリックして表示されるコンテキストメニューから利用できます。以下に例を示します。

テーブルに特有の機能を以下に示します。

テーブルのプロパティ table-properties

テーブルの基本的なプロパティを設定できます。その後、「OK」をクリックして保存します。

セルのプロパティ cell-properties

次に示すように、特定のセルまたは一連のセルのプロパティを設定できます。

行の追加または削除 add-or-delete-rows

行は、現在の行の上または下に追加できます。

現在の行を削除することもできます。

列の追加または削除 add-or-delete-columns

列は、現在の列の左または右に追加できます。

現在の列を削除することもできます。

すべての行またはすべての列の選択 selecting-entire-rows-or-columns

現在の行全体または列全体を選択します。その後、特定のアクション（結合など）を使用できます。

セルの統合 merge-cells

セルの分割 split-cells

1 つのセルを選択して分割します。

ネストされたテーブルの作成 creating-nested-tables

「ネストされた表を作成」は、現在のセル内に、独立した表を作成します。

テーブルの削除 remove-table

Text コンポーネント内からテーブルを削除するオプションを使用します。

特殊文字 special-characters

リッチテキストエディターで特殊文字を使用できるように設定できます。使用できる特殊文字は、お使いのインストールによって異なる場合があります。

マウスオーバーを使用して文字を拡大表示し、クリックしてテキストの現在の位置に文字を含めます。

ソース編集モード source-editing-mode

ソース編集モードでは、コンポーネントの基になる HTML を表示および編集できます。

例えば、次のテキストを入力します。

ソースモードでは次のように表示されます（多くの場合、ソースは長くなるので、スクロールする必要があります）。