現在表示中:

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

  • テキスト
  • テキスト画像
  • テーブル

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

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

CQ55_RTE_BasicChars

注意:

利用できる機能は、個別のプロジェクトごとに設定できるので、インストールによって異なる可能性があります。

インプレース編集

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

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

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

cq55_rte_inlineediting

注意:

コンテンツファインダーを開いている場合は、リッチテキストエディターの書式設定オプションがタブの上部に表示されます(上記を参照)。

コンテンツファインダーを開いていない場合は、ツールバーは表示されません。

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

注意:

タイトルコンポーネントは、改行がない短いテキストを含むものとして設計されています。インプレース編集モードでタイトルを編集するときに、改行を入力すると、タイトルの下に新しいテキストコンポーネントが開きます。

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

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

基本文字形式

CQ55_RTE_BasicChars

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

  • 太字(Ctrl + B)
  • イタリック(Ctrl + I)
  • 下線(Ctrl + U)
  • 下付き文字
  • 上付き文字
CQ55_RTE_BasicChars_Use

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

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

CQ55_RTE_StylesParagraph

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

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

CQ55_RTE_Styles_Use

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

CQ55_RTE_Paragraph_Use

個別の書式は、変更のみできます(デフォルトは「段落」です)。

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

警告:

スタイルを適用したテキストを実際に再選択しないでください。再選択してしまうと、アイコンが非アクティブ化されます。

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

CQ55_RTE_CutCopyPaste

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

  • 切り取り(Ctrl + X
  • コピー(Ctrl + C
  • 貼り付け
    コンポーネント用のデフォルトの貼り付けメカニズム(Ctrl + V)です。追加設定なしのインストールでは、これには、「Word から貼り付け」が設定されます。
  • テキストとして貼り付け
    すべてのスタイルおよび書式を削除して、プレーンテキストのみを貼り付けます。
  • Word から貼り付け
    HTML としてコンテンツを貼り付けます(必要に応じて書式が再設定されます)。

元に戻す、やり直し

CQ55_RTE_UndoRedo

AEM は、現在のコンポーネントについて直近の 50 の操作を記録し、時間順に保持されます。これらの操作は、厳密な順序で、元に戻す(およびその後やり直す)ことができます。

警告:

履歴は現在の編集セッションに対してのみ保持されます。コンポーネントを開いて編集するたびに再開されます。

注意:

デフォルトのタスク数は 50 です。これはインストールによって異なる場合があります。

整列

CQ55_RTE_Alignment

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

CQ55_RTE_Alignment_Use

インデント

CQ55_RTE_Indent

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

CQ55_RTE_Indent_Use

リスト

CQ55_RTE_Lists

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

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

リストのスタイルは、カーソルをリスト内に置いて別のスタイルを選択することによって変更できます。サブリストでは、含まれているリストを異なるスタイルにすることもできます。これは(インデントによって)サブリストを作成すると適用できます。

CQ55_RTE_Lists_Use

リンク

CQ55_RTE_Links

URL(同じ Web サイト内または外部)へのリンクは、必要なテキストをハイライト表示し、次のハイパーリンクアイコンをクリックすることで、生成されます。

chlimage_1

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

CQ55_RTE_Link_Use

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

  • URI を直接入力する
  • Web サイト内のページを選択するためにサイトマップを使用する
  • URI を入力し、ターゲットアンカーを追加する(例:www.TargetUri.org#AnchorName
  • (「現在のページ」を参照するために)アンカーのみを入力する(例:#anchor
  • コンテンツファインダーでページを検索し、ページアイコンをハイパーリンクダイアログにドラッグ&ドロップする

注意:

URI の先頭には、インストールで設定された任意のプロトコルを付加できます。標準的なインストールの場合、http://ftp:// および mailto: です。インストールで設定されなかったプロトコルは、拒否され、無効としてマークされます。


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

chlimage_1

アンカー

CQ55_RTE_Anchor

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

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

CQ55_RTE_Anchor_Use

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

chlimage_1

検索および置換

CQ55_RTE_FindReplace

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

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

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

CQ55_RTE_Find_Use

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

CQ55_RTE_FindReplace_Use

画像

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

CQ55_RTE_Image_Use

注意:

AEM では、さらに詳細な画像設定のための専用コンポーネントも提供しています。例えば、画像コンポーネントとテキスト画像コンポーネントを使用できます。 

スペルチェッカー

CQ55_RTE_SpellChecker

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

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

CQ55_RTE_Spellchecker_Use

注意:

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

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

  • テーブルコンポーネントとして

    chlimage_1
  • テキストコンポーネント内から

    chlimage_1

    注意:

    テーブルは RTE で使用できますが、テーブルの作成時はテーブルコンポーネントを使用することをお勧めします。

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

CQ55_RTE_TableMenu

注意:

コンポーネントでは、様々な標準的なリッチテキストエディター機能、および表に特有の機能のサブセットを含む専用のツールバーも使用できます。

表に特有の機能を以下に示します。

テーブルのプロパティ

CQ55_RTE_TableProperties_Icon

OK」をクリックして保存する前に、表の基本的なプロパティを設定できます。

CQ55_RTE_TableProperties_Dialog

  • テーブル全体の幅です。
  • 高さ
    テーブル全体の高さです。
  • ボーダー
    テーブルのボーダーのサイズです。
  • セル内の余白
    セルコンテンツとそのボーダーの間の空白を定義します。
  • セルの間隔
    セル間の距離を定義します。

注意:

高さおよび特定のセルのプロパティは、以下のいずれかで定義できます。
- ピクセル
- パーセント

警告:

テーブルのを定義することを強くお勧めします。

セルのプロパティ

CQ55_RTE_CellProperties_Icon

特定のセルまたは一連のセルのプロパティを設定できます。

CQ55_RTE_CellProperties_Dialog

  • 高さ
  • 水平方向の位置揃え
    左、中央または右
  • 垂直方向の位置揃え
    上、中央、下またはベースライン
  • セルのタイプ
    データまたはヘッダー
  • 適用先:
    • 単一セル
    • 行全体
    • 列全体

行の追加または削除

CQ55_RTE_Rows

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

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

列の追加または削除

CQ55_RTE_Columns

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

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

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

chlimage_1

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

セルの統合

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

セルの分割

CQ55_RTE_CellSplit

単一のセルを選択して分割します。

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

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

chlimage_1

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

注意:

追加動作の中には、ブラウザーによって異なるものがあります。

  • Windows IE:Ctrl キーを押しながらマウスの主ボタン(通常は左)を押して、複数のセルを選択します。
  • Firefox:マウスをドラッグして、セルの範囲を選択します。

テーブルの削除

CQ55_RTE_RemoveTable

この操作によって、テキストコンポーネント内からテーブルが削除されます。

特殊文字

CQ55_RTE_SpecialChars

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

CQ55_RTE_SpecialChars_Use

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

ソース編集モード

CQ55_RTE_SourceEdit

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

例えば、次のテキストは、

CQ55_RTE_SourceMode_1

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

CQ55_RTE_SourceMode_2

警告:

ソースモードを終えるときに、AEM は特定の検証チェックをおこないます(例えば、テキストがブロックに適切に格納/ネストされていることを確認します)。これによって、編集結果が変更されることがあります。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー