リッチテキストエディター(RTE)の各機能は一連のプラグインから使用でき、それぞれに features プロパティがあります。features プロパティを設定して、1 つ以上の RTE 機能を有効または無効にできます。 この記事では、RTE プラグインの特殊な設定方法について説明します。
他の RTE 設定について詳しくは、リッチテキストエディターの設定を参照してください。
CRXDE Lite を使用する場合は、「すべて保存」オプションを使用して、変更を定期的に保存することをお勧めします。
プラグインをアクティブにするには、次の手順に従います。 対応するノードは存在しないので、一部の手順は、プラグインを初めて設定する場合にのみ必要です。
デフォルトでは、format
、link
、list
、justify
、control
プラグインとそのすべての機能が RTE で有効になっています。
この記事では、重複を避けるために、それぞれの rtePlugins
ノードを <rtePlugins-node>
と表記しています。
CRXDE Lite を使用して、プロジェクトのテキストコンポーネントを見つけます。
RTE プラグインを設定する前に、<rtePlugins-node>
の親ノードを作成します(親ノードがない場合)。
親ノード(コンポーネントに応じる):
config: .../text/cq:editConfig/cq:inplaceEditing/config
.../text/cq:editConfig/cq:inplaceEditing/inplaceEditingTextConfig
text: .../text/dialog/items/tab1/items/text
型:jcr:primaryType cq:Widget
いずれも以下のプロパティを持ちます。
name
String
./text
設定するインターフェイスに応じて、ノード <rtePlugins-node>
を作成します(まだ存在しない場合)。
rtePlugins
nt:unstructured
この下に、アクティベートする各プラグインのノードを作成します。
nt:unstructured
プラグインをアクティベートしたら、次のガイドラインに従って features
プロパティを設定します。
すべての機能を有効化 | 一部の特定の機能を有効化。 | すべての機能を無効化。 | |
---|---|---|---|
名前 | features | features | features |
型 | String | String (複数文字列。CRXDE Lite で型を String に設定し、Multi をクリック) |
String |
値 | * (アスタリスク) |
1 つまたは複数の機能値を設定。 | - |
findreplace
プラグインには設定は必要ありません。すぐに使用できます。
置換機能を使用する場合は、検索文字列と同時に置換後の文字列も入力する必要があります。ただし、置換する前に「検索」をクリックして文字列を検索することはできます。「検索」をクリックした後に置換後の文字列を入力すると、検索がリセットされ、テキストの先頭から再開されます。
検索と置換ダイアログは、「検索」をクリックすると透明になり、「置換」をクリックすると不透明になります。この動作により、作成者は置き換えられるテキストを確認できます。「すべてを置換」をクリックすると、ダイアログが閉じて、実行された置換の回数が表示されます。
RTE を使用している場合、作成者は次の 3 つのモードのいずれかにコンテンツを貼り付けることができます。
ブラウザーモード:ブラウザーのデフォルトの貼り付け実装を使用して、テキストを貼り付けます。 この方法は推奨されません。不要なマークアップが追加されることがあります。
プレーンテキストモード:クリップボードの内容をプレーンテキストとして貼り付けます。この方法では、クリップボードの内容を Experience Manager コンポーネントに挿入する前に、そのスタイル要素と書式設定要素がすべて削除されます。
MS Word モード:MS Word からテキスト(テーブルを含む)を書式付きでコピーして貼り付けます。Web ページや MS Excel など、他のソースからのテキストのコピーおよび貼り付けはサポートされていないので、一部の書式しか保持されません。
これらの 3 つのアイコンのいくつか、またはすべてを RTE ツールバーに表示できます(どのアイコンも表示しないという選択も可能です)。
貼り付け(Ctrl + V):事前設定によって、3 つの貼り付けモードのいずれかに対応付けることができます。
テキストとして貼り付け:プレーンテキストモード機能を提供します。
Word から貼り付け:MS Word モード機能を提供します。
必須アイコンを表示するように RTE を設定するには、以下の手順に従います。
/apps/<myProject>/components/text
コンポーネントに移動します。rtePlugins/edit
ノードに移動します。このノードが存在しない場合は、プラグインのアクティベートを参照してください。features
ノードの edit
プロパティを作成し、1 つ以上の機能を追加します。すべての変更を保存します。次の項目の動作を事前に設定できます。 貼り付け (Ctrl+V) アイコンを使用します。 この設定では、作成者がコンテンツの貼り付けに使用するキーボードショートカット Ctrl + V の動作も定義します。
この設定では、次の 3 種類のユースケースを使用できます。
ブラウザーのデフォルトの貼り付け実装を使用して、テキストを貼り付けます。 この方法は推奨されません。不要なマークアップが追加されることがあります。下の browser
を使用して設定します。
クリップボードの内容をプレーンテキスト形式で貼り付けます。この方法では、クリップボードの内容を Experience Manager コンポーネントに挿入する前に、そのスタイル要素と書式設定要素がすべて削除されます。下の plaintext
を使用して設定します。
MS Word からテキスト(テーブルを含む)を書式付きでコピーして貼り付けます。 Web ページや MS Excel など、他のソースからのテキストのコピーおよび貼り付けはサポートされていないので、一部の書式しか保持されません。下の wordhtml
を使用して設定します。
コンポーネント内で、<rtePlugins-node>/edit
ノードに移動します。このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
edit
ノード内で、次の詳細情報を使用してプロパティを作成します。
defaultPasteMode
String
browser
、plaintext
、wordhtml
モードからのいずれかの必須の貼り付けモードです。Microsoft Word として貼り付け(paste-wordhtml
)モードをさらに詳細に設定し、Microsoft Word などの別のプログラムから Experience Manager に貼り付けるときに使用可能なスタイルを明示的に定義することができます。
例えば、Experience Manager に貼り付ける際に太字書式とリストのみを許可する場合は、他の書式を除外できます。これは、設定可能な貼り付けフィルタリングと呼ばれ、次の両方に対して実行できます。
リンクに関しては、自動的に承認されるプロトコルも定義できます。
別のプログラムから Experience Manager にテキストを貼り付けるときに使用可能な書式を設定するには、次のようにします。
コンポーネント内で、ノード <rtePlugins-node>/edit
に移動します。このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
edit
ノードの下に、HTML 貼り付けルールを格納するノードを作成します。
htmlPasteRules
nt:unstructured
htmlPasteRules
の下に、使用可能な基本書式の詳細を格納するノードを作成します。
allowBasics
nt:unstructured
受け入れられる個々の書式を制御するには、以下のうち 1 つまたは複数のプロパティを allowBasics
ノードで作成します。
bold
italic
underline
anchor
(リンクと名前付きアンカーの両方に対応)image
プロパティの型はすべて Boolean
なので、該当する値では、チェックマークを付けるか外すことで、機能を有効または無効にできます。
明示的に定義されていない場合は、デフォルト値である true が使用され、書式が承認されます。
その他の様々なプロパティやノードを使用して、その他の書式も定義でき、htmlPasteRules
ノードに適用できます。
プロパティ | 型 | 説明 |
---|---|---|
allowBlockTags |
String |
使用可能なブロックタグのリストを定義します。ヘッドライン(h1、h2、h3)、段落(p)、リスト(ol、ul)、テーブル(table)など、使用できるブロックタグがいくつかあります。 |
fallbackBlockTag |
String |
allowBlockTags に含まれていないブロックタグを含むブロックに使用されるブロックタグを定義します。通常は p で十分です。 |
table |
nt:unstructured |
テーブルを貼り付けるときの動作を定義します。このノードには、テーブルの貼り付けを許可するかどうかを定義する allow プロパティ(Boolean 型)が必要です。allow が false に設定されている場合は、ignoreMode プロパティ(String 型)を指定して、貼り付けられたテーブルコンテンツの処理方法を定義する必要があります。ignoreMode の有効な値は、テーブルの内容を削除する remove と、テーブルのセルを段落に変換する paragraph です。 |
list |
nt:unstructured |
リストを貼り付けるときの動作を定義します。リストの貼り付けを許可するかどうかを定義するプロパティ allow (Boolean 型)が必要です。allow を false に設定した場合、ignoreMode プロパティ(String 型)を指定して、貼り付けたリストコンテンツの処理方法を定義します。ignoreMode の有効な値は、リストの内容を削除する remove と、リスト項目を段落に変換する paragraph です。 |
有効な htmlPasteRules
構造の例を以下に示します。
"htmlPasteRules": {
"allowBasics": {
"italic": true,
"link": true
},
"allowBlockTags": [
"p", "h1", "h2", "h3"
],
"list": {
"allow": false,
"ignoreMode": "paragraph"
},
"table": {
"allow": true,
"ignoreMode": "paragraph"
}
}
作成者は、スタイルを適用して、テキストの一部の外観を変更できます。 スタイルは、CSS スタイルシートで事前に定義した CSS クラスに基づいています。 スタイル設定したコンテンツは、CSS クラスを参照する span
属性を使用して class
タグで囲まれます。次に例を示します。
<span class=monospaced>Monospaced Text Here</span>
スタイルプラグインが初めて有効になった場合、デフォルトのスタイルは使用できません。 ポップアップリストが空です。 作成者にスタイルを指定するには、以下の手順を実行します。
例えばスタイルを追加するなど、後で再設定する場合は、新しいスタイルシートを参照して追加スタイルを指定する手順にのみ従います。
テーブルやテーブルセルのスタイルを定義することもできます。これらの設定には別の手順が必要となります。
これをおこなうには、スタイルプラグインを有効にします。
コンポーネント内で、ノード <rtePlugins-node>/styles
に移動します。このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
features
ノードで styles
プロパティを作成します。
features
String
*
(アスタリスク)すべての変更を保存します。
スタイルプラグインが有効になると、編集ダイアログに「スタイル」ドロップダウンリストが表示されます。ただし、スタイルが設定されていないので、リストは空です。
次に、参照するスタイルシートの場所を指定します。
テキストコンポーネントのルートノードに移動します(例:/apps/<myProject>/components/text
)。
externalStyleSheets
の親ノードに、<rtePlugins-node>
プロパティを追加します。
externalStyleSheets
String[]
(複数文字列。CRXDE で「複数」をクリック)参照先のスタイルシートは後から追加できます。
すべての変更を保存します。
RTE をダイアログ(クラシック UI)で使用する場合は、リッチテキスト編集用に最適化されたスタイルシートを指定できます。技術上の制限により、CSS コンテキストはエディターから失われるので、CSS コンテキストをエミュレートして WYSIWYG 環境を改善できます。
リッチテキストエディターは、表示や編集に対して異なるスタイルを提供する CQrte
の ID を持つコンテナ DOM 要素を使用します。
#CQ td {
// defines the style for viewing
}
#CQrte td {
// defines the style for editing
}
コンポーネント定義内で、「スタイル」ドロップダウンセレクターの有効化で作成したように、ノード <rtePlugins-node>/styles
に移動します。
styles
ノードの下に、選択可能にするリストを格納するノード(同じく styles
という名前)を作成します。
styles
cq:WidgetCollection
styles
ノードの下に、個別のスタイルを表すノードを作成します。
nt:unstructured
CSS クラスを参照する cssName
プロパティをこのノードに追加します。
cssName
String
.cssClass
ではなく cssClass
)text
プロパティを同じノードに追加します。これは、選択ボックスに表示されるテキストを定義します。
text
String
変更内容を保存します。
必要なスタイルごとに、上記の手順を繰り返します。
Experience Manager を使用して日本語コンテンツを作成する作成者は、改行が不要な場合に改行を避けるスタイルを文字に適用できます。これにより、作成者は文を目的の位置で区切ることができます。 この機能のスタイルは、CSS スタイルシートで事前に定義されている CSS クラスに基づいています。
作成者が日本語のテキストに適用できるスタイルを作成するには、次の手順に従います。
スタイルノードの下にノードを作成します。スタイルを指定するを参照してください。
jpn-word-wrap
nt:unstructure
CSS クラスを参照する cssName
プロパティをノードに追加します。このクラス名は日本語のワードラップ機能のための予約名です。
cssName
String
jpn-word-wrap
(先行の .
なし)プロパティテキストを同じノードに追加します。 値は、スタイルを選択する際に作成者に表示されるスタイルの名前です。
text
String
Japanese word-wrap
スタイルシートを作成してそのパスを指定します。詳しくは、 スタイルシートの場所を指定. 次の内容をスタイルシートに追加します。 必要に応じて背景色を変更してください。
.text span.jpn-word-wrap {
display:inline-block;
}
.is-edited span.jpn-word-wrap {
background-color: #ffddff;
}
RTE で作成したテキストは、ブロックタグ(デフォルトでは <p>
タグ)内に配置されます。paraformat
プラグインを有効にすることで、ドロップダウン選択リストを使用して、段落に割り当てることができる追加のブロックタグを指定します。段落書式は、正しいブロックタグを割り当てることで、段落タイプを決定します。 作成者は、形式セレクターを使用して、選択したり割り当てたりできます。 ブロックタグの例としては、標準の段落が含まれます <p> および見出し <h1>, <h2>など。
このプラグインは、リストやテーブルなど複雑な構造を持つコンテンツには適していません。
ブロックタグ(<hr>
タグなど)を段落に割り当てることができない場合は、paraformat
プラグインを使用するのに有効なケースではありません。
段落書式プラグインを初めて有効にした場合、デフォルトの段落書式は使用できません。 ポップアップリストが空です。 段落書式を使用できるようにするには、次の操作をおこないます。
例えば書式を追加するなど、後で再設定する場合は、関連する手順にのみ従います。
paraformat
プラグインを有効にするには、次の手順に従います。
コンポーネント内で、ノード <rtePlugins-node>/paraformat
に移動します。このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
features
ノードで paraformat
プロパティを作成します。
features
String
*
(アスタリスク)プラグインをそれ以上設定しない場合、有効になるデフォルトの形式は、段落(<p>
)、見出し 1(<h1>
)、見出し 2(<h2>
)、見出し 3(<h3>
)です。
RTE の段落書式を設定する際に、書式オプションとしての段落タグ <p> を削除しないでください。<p>
タグが削除されると、追加書式を設定したとしても、コンテンツ作成者が「段落書式」オプションを選択できなくなります。
段落書式を選択可能にするには、次の手順を実行します。
コンポーネント定義内で、「形式」ドロップダウンセレクターの有効化で作成したように、<rtePlugins-node>/paraformat
ノードに移動します。
paraformat
ノードの下に、書式のリストを格納するノードを作成します。
formats
cq:WidgetCollection
formats
ノードの下に、個別の書式の詳細を格納するノードを作成します。
nt:unstructured
このノードに、使用するブロックタグを定義するプロパティを追加します。
名前 tag
型 String
値:p、h1、h2 など、形式のブロックタグ。
区切りの山括弧を入力する必要はありません。
同じノードに、説明テキストをドロップダウンリストに表示するための別のプロパティを追加します。
description
String
変更内容を保存します。
必要な各形式に対して、手順を繰り返します。
カスタム書式を定義すると、デフォルトの書式(<p>
、<h1>
、<h2>
、<h3>
)は削除されます。<p>
書式はデフォルトの書式なので再作成してください。
標準的な Experience Manager インストール環境では、misctools
プラグインで特殊文字(specialchars
)を有効にすると、デフォルトの選択肢が直ちに使用可能になります。例えば、著作権や商標の記号などです。
個別の文字またはシーケンス全体を定義することにより、選択した文字が使用可能になるように RTE を設定できます。
特殊文字を追加すると、デフォルトの選択肢よりも優先されます。必要に応じて、選択した文字を再定義します。
コンポーネント内で、ノード <rtePlugins-node>/misctools
に移動します。このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
features
ノードで misctools
プロパティを作成します。
名前 features
型 String[]
値 specialchars
(このプラグインに関してすべての機能を適用する場合は String / *
)
misctools
の下に、特殊文字の設定を格納するノードを作成します。
specialCharsConfig
nt:unstructured
specialCharsConfig
の下に、文字のリストを格納する別のノードを作成します。
chars
nt:unstructured
chars
の下に、個々の文字定義を格納するノードを追加します。
nt:unstructured
このノードに、以下のプロパティを追加します。
entity
String
&189;
など。変更内容を保存します。
CRXDE でプロパティを保存すると、HTML 表現された文字が表示されます。半分の例を以下に示します。 上記の手順を繰り返して、作成者がさらに特殊文字を使用できるようにします。
単一文字の定義の手順 1~3 を使用します。
chars
の下に、文字範囲の定義を格納するノードを追加します。
nt:unstructured
このノード(特殊文字の範囲に従って命名)の下に、次の 2 つのプロパティを追加します。
変更内容を保存します。
例えば、9998 ~ 10000の範囲を定義すると、次の文字が表示されます。
図:CRXDE で、RTE で使用可能な文字の範囲を定義します。
スタイルは通常、テキストに適用されますが、別のスタイルセットも、テーブルまたはテーブルのセルに適用できます。 このようなスタイルは、セルのプロパティダイアログまたはテーブルのプロパティダイアログの「スタイルセレクター」ボックスから作成者が使用できます。 スタイルは、標準のテーブルコンポーネントではなく、テキストコンポーネント(または派生コンポーネント)内のテーブルを編集するときに使用できます。
クラシック UI のテーブルおよびセルのスタイルを定義できます。
RTE コンポーネント内または RTE コンポーネントからのテーブルのコピー&ペーストは、ブラウザーによって異なります。 すべてのブラウザーで、標準ではサポートされていません。 テーブルの構造とブラウザーに応じて、様々な結果が得られる場合があります。 例えば、クラシック UI とタッチ UI の Mozilla Firefox で、RTE コンポーネント内でテーブルをコピーして貼り付ける場合、テーブルのレイアウトは保存されません。
コンポーネント内で、以下のノードに移動します。<rtePlugins-node>/table
このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
features
ノードで table
プロパティを作成します。
features
String
*
テーブルの機能をすべて有効にはしない場合は、features
プロパティを次のように作成します。
String[]
これらを参照する CSS スタイルシートの場所を定義します。 詳しくは、 スタイルシートの場所の指定 これは、 テキストのスタイル. 他のスタイルを定義した場合は、場所を定義できます。
table
ノードの下に、必要に応じて次のノードを作成します。
テーブル全体のスタイルを定義するには(テーブルのプロパティの下):
tableStyles
cq:WidgetCollection
個々のセルのスタイルを定義するには(セルのプロパティの下):
cellStyles
cq:WidgetCollection
tableStyles
ノードまたは cellStyles
ノード(適宜)の下に、個別のスタイルを表すノードを作成します。
nt:unstructured
このノードで、以下のプロパティを作成します。
参照される CSS スタイルを定義するには、次の手順を実行します。
cssName
String
.
を除く。例、.cssClass
ではなく cssClass
)ポップアップセレクターに表示する説明テキストを定義するには、次の手順を実行します。
text
String
すべての変更を保存します。
必要なスタイルごとに、上記の手順を繰り返します。
ヘッダーの目的が、列と他の列との視覚的な関係によって暗黙的に示されていると仮定して、列ヘッダーに視覚的なテキストを含まないデータテーブルを作成する場合があります。 この場合、スクリーンリーダーやその他の支援テクノロジーを使用して、様々なニーズに応じて列の目的を理解しやすくするために、ヘッダーセル内のセルに隠し内部テキストを指定する必要があります。
このような状況でのアクセシビリティを高めるために、RTE では非表示のヘッダーセルをサポートしています。 また、テーブル内の非表示のヘッダーに関する設定も提供します。 これらの設定を使用すると、編集モードやプレビューモードで非表示のヘッダーに CSS スタイルを適用できます。作成者が編集モードで非表示のヘッダーを特定できるように、コードに次のパラメーターを追加してください。
hiddenHeaderEditingCSS
:RTE が編集されたときに、非表示のヘッダーセルに適用されている CSS クラスの名前を指定します。hiddenHeaderEditingStyle
:RTE が編集されたときに、非表示のヘッダーセルに適用されているスタイル文字列を指定します。コードに CSS とスタイル文字列の両方を指定すると、CSS がスタイル文字列に優先され、スタイル文字列によって加えられたすべての設定の変更が上書きされることがあります。
作成者がプレビューモードで非表示のヘッダーに CSS を適用できるように、コードに次のパラメーターを追加してください。
hiddenHeaderClassName
:プレビューモードで非表示のヘッダーセルに適用される CSS クラスの名前を指定します。hiddenHeaderStyle
:プレビューモードで非表示のヘッダーセルに適用されているスタイル文字列を指定します。コードに CSS とスタイル文字列の両方を指定すると、CSS がスタイル文字列に優先され、スタイル文字列によって加えられたすべての設定の変更が上書きされることがあります。
スペルチェックプラグインがアクティベートされると、RTE ではそれぞれ該当する言語の辞書を使用します。その後、サブツリーの言語プロパティを取得するか、URL から言語を抽出することによって、Web サイトの言語に従って辞書が選択されます。例えば、/en/
ブランチは英語としてチェックされ、/de/
ブランチはドイツ語としてチェックされます。
インストールされていない言語に関してチェックを試みると、「スペルチェックできませんでした。」というメッセージが表示されます。
標準の Experience Manager インストールには、以下の辞書が含まれます。
標準辞書は、ReadMe ファイルと一緒に /libs/cq/spellchecker/dictionaries
にあります。これらのファイルを修正しないでください。
辞書を追加する場合は、必要に応じて次の手順に従います。
ページ https://extensions.openoffice.org/ に移動します。
必要な言語を選択し、スペル定義を含む ZIP ファイルをダウンロードします。 アーカイブの内容をファイルシステム上に抽出します。
OpenOffice.org v2.0.1 以前の MySpell
形式の辞書のみがサポートされています。辞書はアーカイブファイルになったので、ダウンロード後にアーカイブを確認することをお勧めします。
.aff ファイルと.dic ファイルを探します。 ファイル名は小文字にします。 例えば、de_de.aff
と de_de.dic
です。
/apps/cq/spellchecker/dictionaries
のリポジトリー内に .aff ファイルと .dic ファイルを読み込みます。
RTE スペルチェッカーは、オンデマンドで使用できます。テキストの入力を開始しても自動的に実行されません。
スペルチェッカーを実行するには、ツールバーの「スペルチェッカー」ボタンをタップまたはクリックします。 RTE は単語のスペルをチェックし、スペルミスのある単語をハイライトします。
スペルチェッカーが提案する変更を組み込むと、テキストの状態が変更され、スペルミスのある単語はハイライト表示されなくなります。 スペルチェッカーを実行するには、「スペルチェッカー」ボタンをもう一度タップまたはクリックします。
RTE を使用すると、作成者は最後におこなったいくつかの編集作業を取り消しまたはやり直すことができます。 デフォルトでは、50 件の編集内容が履歴に保存されます。 この値は必要に応じて設定できます。
コンポーネント内で、以下のノードに移動します。<rtePlugins-node>/undo
これらのノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
undo
ノードで、以下のプロパティを作成します。
maxUndoSteps
Long
0
を使用します。変更内容を保存します。
任意のテキスト内でタブ文字を押すと、事前に定義された数のスペースが挿入されます。デフォルトでは、これは 3 つの改行なしスペースと 1 つのスペースです。
タブのサイズを定義するには:
コンポーネント内で、ノード <rtePlugins-node>/keys
に移動します。このノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
keys
ノードで、以下のプロパティを作成します。
tabSize
String
変更内容を保存します。
インデントが有効なとき(デフォルト)は、インデントのサイズを定義できます。
このインデントサイズは、テキストの段落(ブロック)のみに適用されます。実際のリストのインデントには影響しません。
コンポーネント内で、以下のノードに移動します。<rtePlugins-node>/lists
これらのノードが存在しない場合は作成します。詳しくは、プラグインのアクティベートを参照してください。
lists
ノードで、identSize
パラメーターを作成します。
identSize
Long
コンポーネントダイアログ内に表示される編集可能な領域の高さを定義できます。この設定は、ダイアログで RTE を使用する場合にのみ適用されます。この設定によってダイアログウィンドウの高さが変わることはありません。
../items/text
ノードのコンポーネントのダイアログ定義で、次の新しいプロパティを作成します。
height
Long
変更内容を保存します。
Experience Manager でリンクを追加する場合、使用する CSS スタイルと、自動的に受け入れるプロトコルを定義できます。別のプログラムから Experience Manager にリンクを追加する方法を設定するには、HTML ルールを定義します。
CRXDE Lite を使用して、プロジェクトのテキストコンポーネントを見つけます。
<rtePlugins-node>
と同じレベル(<rtePlugins-node>
の親ノードの下)にノードを作成します。
htmlRules
nt:unstructured
../items/text
ノードは次のプロパティを持ちます。
xtype
String
richtext
../items/text
ノードの場所は、ダイアログの構造によって異なる場合があります。/apps/myProject>/components/text/dialog/items/text
と /apps/<myProject>/components/text/dialog/items/panel/items/text
の 2 つの例があります。
htmlRules
の下にノードを作成します。
links
nt:unstructured
links
ノードの下で、必要に応じてプロパティを定義します。
内部リンクの CSS スタイル:
cssInternal
String
.cssClass
ではなく cssClass
)外部リンクの CSS スタイル:
cssExternal
String
.cssClass
ではなく cssClass
)有効なプロトコルの配列(https://
、https://
、file://
、mailto:
、など)
protocols
String[]
defaultProtocol(型が String のプロパティ):ユーザーが明示的に指定しなかった場合に使用されるプロトコル。
defaultProtocol
String
リンクのターゲット属性の処理方法の定義。ノードの作成:
targetConfig
nt:unstructured
targetConfig
ノード上:必要なプロパティを定義します。
ターゲットモードを指定:
名前 mode
型 String
値:
auto
:自動ターゲットが選択されたことを意味する
(外部リンクの targetExternal
プロパティまたは内部リンクの targetInternal
プロパティで指定)。
manual
:このコンテキストでは使用不可
blank
:このコンテキストでは使用不可
内部リンクのターゲット:
targetInternal
String
auto
の場合にのみ使用)外部リンクのターゲット:
targetExternal
String
auto
の場合にのみ使用)すべての変更を保存します。