Show Menu
トピック×

リッチテキストエディター

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

リッチテキストエディター

WYSIWYG 編集ダイアログは、様々な機能を提供します。
利用できる機能は、個別のプロジェクトごとに設定できるので、インストールによって異なる可能性があります。

インプレース編集

ダイアログベースのリッチテキスト編集モードに加えて、AEM には、ページのレイアウトどおりに表示されたテキストを直接編集できる、インプレース編集モードも用意されています。
段落を 2 回クリック(ゆっくりダブルクリック)して、インプレース編集モードに切り替えます(コンポーネントのボーダーがオレンジになります)。
ページ上のテキストを、ダイアログウィンドウ内ではなく直接編集できます。変更をおこなうと、その内容は自動的に保存されます。
コンテンツファインダーを開いている場合は、リッチテキストエディターの書式設定オプションがタブの上部に表示されます(上記を参照)。
コンテンツファインダーを開いていない場合は、ツールバーは表示されません。
現在、インプレース編集モードは、 テキスト ​および​ タイトル ​コンポーネントで生成されたページ要素に対して有効です。
タイトルコンポーネントは、改行がない短いテキストを含むものとして設計されています。インプレース編集モードでタイトルを編集するときに、改行を入力すると、タイトルの下に新しい​ テキスト ​コンポーネントが開きます。

リッチテキストエディターの機能

The Rich Text Editor provides a range of featues, these depend on the configuration of the individual component. The features are available for both the touch-optimized and classic UI.

基本文字形式

以下に、選択した(ハイライト表示された)文字に適用できる書式を示します。ショートカットキーのあるオプションもあります。
  • 太字(Ctrl + B)
  • イタリック(Ctrl + I)
  • 下線(Ctrl + U)
  • 下付き文字
  • 上付き文字
すべてオン/オフ切り替えとして動作するので、再選択すると書式が削除されます。

事前定義済みのスタイルおよび書式

インストールには、事前定義済みのスタイルおよび書式を含めることができます。これらは、 スタイル ​および​ フォーマット ​ドロップダウンリストで利用でき、選択したテキストに対して適用できます。
スタイルは、特定の文字列に対して適用できます(スタイルは CSS に関連付けられます)。
これに対して、書式は、テキスト段落全体に対して適用されます(書式は HTML ベースです)。
個別の書式は、変更のみできます(デフォルトは「 段落 」です)。
スタイルは、削除できます。スタイルが適用されたテキスト内にカーソルを置き、次の削除アイコンをクリックします。
スタイルを適用したテキストを実際に再選択しないでください。再選択してしまうと、アイコンが非アクティブ化されます。

切り取り、コピー、貼り付け

切り取り 」および「 コピー 」の標準的な機能が利用できます。「 貼り付け 」には、書式の違いに対応するためにいくつかの種類があります。
  • 切り取り(Ctrl + X)
  • コピー(Ctrl + C)
  • Paste This is the default paste mechanism (Ctrl-V) for the component; when installed out-of-the-box this is configured to be Paste from Word.
  • テキストとして貼り付け:すべてのスタイルと書式を削除して、プレーンテキストのみを貼り付けます。
  • Wordから貼り付け:これにより、コンテンツがHTMLとして(必要に応じて形式を変更して)貼り付けられます。

元に戻す、やり直し

AEM は、現在のコンポーネントについて直近の 50 の操作を記録し、時間順に保持されます。これらの操作は、厳密な順序で、元に戻す(およびその後やり直す)ことができます。
履歴は現在の編集セッションに対してのみ保持されます。コンポーネントを開いて編集するたびに再開されます。
デフォルトのタスク数は 50 です。これはインストールによって異なる場合があります。

整列

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

インデント

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

リスト

テキスト内で、箇条書きおよび番号リストの両方を作成できます。リストの種類を選択してから入力するか、変換するテキストをハイライト表示します。どちらの場合も、改行により新しいリスト項目が開始されます。
1 つ以上のリスト項目をインデントすることで、リストをネストできます。
リストのスタイルは、カーソルをリスト内に置いて別のスタイルを選択することによって変更できます。サブリストでは、含まれているリストを異なるスタイルにすることもできます。これは(インデントによって)サブリストを作成すると適用できます。

アンカー

アンカーは、テキスト内のどこにでも作成できます。カーソルを置くか、テキストを選択して、 アンカー ​アイコンをクリックして、ダイアログを開きます。
アンカーの名前を入力し、「 OK 」をクリックして保存します。
アンカーは、コンポーネントの編集中に表示され、リンクのターゲットとして使用できます。

検索および置換

AEM には、 検索 ​および​ 置換 ​の両方の機能(「検索と置換」)があります。
どちらにも「 次を検索 」ボタンがあり、開いているコンポーネントに対して、指定したテキストを検索します。また、大文字/小文字が一致する必要があるかどうかも指定できます。
検索は、常に、テキスト内の現在のカーソル位置から開始します。コンポーネントの最後に達したら、次の検索処理がコンポーネントの最初から開始されることを示すメッセージが表示されます。
置換 ​オプションは、 検索 ​してから個別のインスタンスを指定したテキストで​ 置換 ​したり、現在のコンポーネントのインスタンスを​ すべて置換 ​することができます。

画像

画像は、コンテンツファインダーからドラッグしてテキストに追加することができます。
AEM では、さらに詳細な画像設定のための専用コンポーネントも提供しています。For example the Image and Text Image components are available.

スペルチェッカー

スペルチェッカーは、現在のコンポーネントのすべてのテキストをチェックします。
正しくないスペルは、ハイライト表示されます。
スペルチェッカーは、サブツリーの言語プロパティを取得するか、URL から言語を抽出することにより、Web サイトの言語で動作します。例えば、英語の場合は en ブランチ、ドイツ語の場合は de ブランチがチェックされます。

表は、次のどちらかの方法によって利用できます。
  • テーブル ​コンポーネントとして
  • テキスト ​コンポーネント内から
    Although tables are available in the RTE, it is recommended to use the Table component when creating tables.
テーブル機能は、 テキスト ​および​ テーブル ​コンポーネントの両方で、テーブル内で(通常、マウスの右ボタンを)クリックして表示されるコンテキストメニューから利用できます。以下に例を示します。
​コンポーネントでは、様々な標準的なリッチテキストエディター機能、および表に特有の機能のサブセットを含む専用のツールバーも使用できます。
表に特有の機能を以下に示します。

テーブルのプロパティ

テーブルの基本的なプロパティを設定できます。その後、「 OK 」をクリックして保存します。
  • :テーブルの合計幅。
  • 高さ :テーブルの高さの合計。
  • 境界線 :テーブルの境界線のサイズ。
  • セルのパディング :セルの内容と境界線の間の空白を定義します。
  • セル内間隔 :セル間の距離を定義します。
「幅」や「高さ」など、一部のセルのプロパティは、ピクセルまたはパーセントで定義できます。
テーブルの幅は、定義することをお勧めします。

セルのプロパティ

特定のセルまたは一連のセルのプロパティを設定できます。
  • 高さ
  • 水平方向の位置揃え - 左、中央または右
  • 垂直方向揃え — 上揃え、中央揃え、下揃えまたはベースライン
  • セルの種類 — データまたはヘッダー
  • ​適用先:単一セル、行全体、列全体

行の追加または削除

行は、現在の行の上または下に追加できます。
現在の行を削除することもできます。

列の追加または削除

列は、現在の列の左または右に追加できます。
現在の列を削除することもできます。

すべての行またはすべての列の選択

現在の行全体または列全体を選択できます。その後、特定のアクション(例:マージ)を適用できます。

セルの統合

  • セルのグループを選択した場合、それらを 1 つにマージできます。
  • 1 つのセルのみを選択した場合、右または下のセルとマージできます。

セルの分割

単一のセルを選択して分割します。
  • 「左右にセルを分割」は、現在の列内の、現在のセルの右側に新しいセルを生成します。
  • 「上下にセルを分割」は、現在の行内の、現在のセルの下に新しいセルを生成します。

ネストされたテーブルの作成

「ネストされた表を作成」は、現在のセル内に、新しい、独立した表を作成します。
追加動作の中には、ブラウザーによって異なるものがあります。
  • Windows IE:Ctrl キーを押しながらマウスの主ボタン(通常は左)を押して、複数のセルを選択します。
  • Firefox:ポインターをドラッグしてセル範囲を選択します。

テーブルの削除

このオプションを使用して、 Textコンポーネント内から表を削除 します。

特殊文字

特殊文字は、リッチテキストエディターで使用できます。インストールによって、使用できる特殊文字が異なる可能性があります。
マウスオーバーを使用して拡大された文字を表示し、クリックしてテキストの現在の位置に追加します。

ソース編集モード

ソース編集モードでは、コンポーネントの基になる HTML を表示および編集できます。
例えば、次のテキストは、
ソースモードでは次のように表示されます(多くの場合、ソースは長くなるので、スクロールする必要があります)。
ソースモードを終えるときに、AEM は特定の検証チェックをおこないます(例えば、テキストがブロックに適切に格納/ネストされていることを確認します)。これによって、編集結果が変更されることがあります。