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

リッチテキストエディターは、AEMにテキストコンテンツを入力するための基本的な構成要素です。 これは、次のような様々なコンポーネントの基礎となります。

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

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 を指定でき、その 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

これにより、 テキスト コンポーネント。

特殊文字 special-characters

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

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

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

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

テキストは次のようになります。

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