問題点

RichText Editor に関連付けられた一部の機能を有効にする必要がありますが、その方法が明確ではありません。

解決策

RichText Editor に機能を追加するには、RichText Editor コンポーネントをカスタマイズします。/ libs フォルダーで変更を行うことは推奨されないので、これらの変更をオーバーレイする必要があります。

  1. /apps/foundation/components フォルダーを作成します。
  2. node /libs/foundation/components/text を上記のフォルダーにコピーします。
  3. CRX コンテンツエクスプローラーを使用して、次に移動します。/apps/foundation/components/text/dialog/items/text使用可能なすべての機能は、このノードの関連プロパティによって有効または無効になります。最近有効にされている機能を確認するために、ページを再読み込みする必要があります。

注意:特に説明がない限り、以下に定義される enableXXXX プロパティはブール値です。また、太字テキストは / apps の下のテキストノードのプロパティです。

  • enableParagraphFormat (true|false)

注意:その他のフォーマットを定義するには、「Text」ノードの下の構造化されていないノード名「フォーマット」を作成します。各段落のフォーマットのタイプごとに、子:「tag」プロパティと「description」プロパティを含む(任意の名前の「formats」ノードの下に)構造化されないノードを追加します。「タグ」プロパティは、対応するテキストフラグメントに適用されるブロックタグを定義します(例えば、段落に「p」を使用,1時見出しには「h1」など)。「説明」プロパティは、表示名に対してドロップダウンボックスで使用されている(例えば、「段落」、「見出し1」など)。

  • enableStyle (true|false)

注意: 次の2つのノードを定義する必要があります。RTE を使用するすべてのテンプレートのヘッダーの一部として、CSS ファイルを手動で含める必要があります。

  1. 「externalStyleSheets」という名前の nt : 非構造化ノード(「テキスト」ノード)を追加して、外部スタイルシートを定義します。各スタイルシートを任意の名前のプロパティとして追加します。プロパティ値には、スタイルシートへのリポジトリパスを定義する必要があります/path/to/some/stylesheet.css」など)。
  2. テキストフラグメントに適用されるスタイルを定義するために、「cssStyles」という名前の非構造化ノード(「テキスト」ノード):nt を追加します。各スタイルのプロパティを定義します。プロパティ名は、適用する CSS クラス名を定義します。この値は、前の手順から CSS ファイル内の名前と一致する必要があります。このプロパティ値は、スタイルを識別するためにドロップダウンに表示されるテキストを定義します。
  • enableSpecialChars (true|false)

注意: デフォルトによって、トレードマーク (™)、登録 (®) 及び著作権 (©) のみが、表示される特殊文字です。特殊文字を追加するには、次のようにします。

「specialCharsConfig」という名前の非構造化ノード(「text」ノードの下)を作成します。

specialCharsConfig ノードの下にある char と呼ばれる非構造化ノード:nt を作成します。charsnode 下では、ダイアログに表示される文字と文字の範囲を指定できます。

  1. 一つの文字に一つの nt:非構造化ノードを作成します。このノードには、特殊文字の値を持つエンティティプロパティが含まれます。例えば、プロパティ「entity」と value © のノード「copyright」は、© を追加します。このエンティティの表記法は、1 文字を定義するときに & の形式である必要があります。
  2. 文字範囲の場合は、任意の名前を持つ nt : 非構造化ノードを作成します。このノードには、プロパティ rangeStart(タイプ:Long)および rangeEnd(type : Long)があります。これらのプロパティは、文字の範囲を定義します。例えば、rangeStart: 65、rangeEnd: 90は、ダイアログボックスに文字の A~ Z を追加します。文字範囲を指定する場合は、それぞれの Unicode 値を指定する必要があります。
  • インデント/インデント解除機能はデフォルトで有効になっています。「listButtons」と呼ばれる annt:unstructured をプロパティなしで追加することによって無効にできます。他のボタン(「ordered」、「unordered」) は「listButtons」ノードが追加された場合は、明示的に設定されます。
  • アンカー機能はデフォルトで有効になっています。アンカー機能を無効にするには、nt:「linkButtons」と呼ばれる非構造化ノードを追加します。「linkButtons」ノードで、プロパティ「createlink」、「リンク解除」および「アンカー」を追加します。各プロパティのタイプは " Boolean " です。各プロパティは、対応するボタンが有効か無効かを定義します。
  • enableSubSuperScript (true|false)
  • enableFontSize (true|false)
  • enableSourceEdit (true|false)
  • enableFont (true|false)
  • enableColors (true|false)

RTE の table を次のように有効にします。:

  1. /libs/foundation/components/text/dialog/items/text 下のノード rtePlugins (nt : 非構造化) を作成します。
  2. ノードテーブル (nt:非構造化) を/libs/foundation/components/text/dialog/items/text/rtePlugins 下に作成します。
  3. テーブルノードの場合は、値 * を使用して文字列プロパティ機能を追加します。

特別なコメント:

  • Client は、テキストエディターの設定中の大きな問題です。ブラウザーに機能が表示されない場合は、ブラウザーのキャッシュを完全にクリアする必要があります。
  • 試行できるサンプル設定が添付されています。
  • この添付はすべての RTE 機能を有効にします。

注意:設定は、/libs の下に保管されます。また、/etc/design の下にある geometrixx の static.css が追加され、スタイルが1つ追加されました。

適用対象

リスト CQ5.2

ダウンロード

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

リーガルノーティス   |   プライバシーポリシー