RTE に表スタイルを追加

現象

リッチテキストエディタを使用して作成した表にスタイルを適用する方法を教えてください。

解決策

リッチテキストエディタでは、HTML コンポーネントのスタイリングをする場合に CSS を使用する必要があります。表に CSS を追加する方法については、以下の一般的な説明を参照してください。

次に、ノード /apps/foundation/components/text/dialog/items/text/rtePlugins/table でいかが行われます.

テーブルの CSS:

1. nt を作成します。構造化されていないノード名「tableStyles」
2. cssClassName の名前でプロパティを作成し、DisplayName 値を作成します。(例えば tblBlue with value Blue Table)
3. より多くの追加のスタイルが必要な場合、プロパティを追加します。

セルの CSS：

1. nt を作成します。構造化されていないノード名「cellStyles」
2. cssClassName の名前でプロパティと、DisplayName 値を作成します。(例えば tblRedCell with value Red Cell)
3. より多くのスタイルが必要な場合、追加のプロパティを追加してください。

注意：スタイルを使用するには、ページのロード時に読み込まれるデザインスタイルシートに適切な CSS スタイルを作成する必要があります。例えば、次のようなことを、CSS スタイルシートに追加する必要があります。

table.tblBlue { color: blue; } table.tblRedCell { color: red; }

適用対象

CQ5.3