リッチコンテンツエディターでのソースコードの編集
キャンバス内のすべての要素または特定の要素の HTML および CSS ソースコードを変更します。
HTML 要素を使用してレイアウトを構築し、要素の CSS を直接編集してキャンバスインターフェイスでは利用できないスタイルを追加するか、コードをコピーして貼り付けて他のソースからコンテンツを移行します。
特徴と機能
- ポータルのセキュリティを確保
- [コードの編集] ウィンドウで [ 適用 ] をクリックすると、コードエディターによってインスタンスの侵害に使用される可能性のある HTML タグが削除されます。詳細については、「HTML sanitizer」を参照してください。
- 重要なコードを特定する
- 編集ウィンドウでは、削除すべきでない場合、CSS フラグメントが赤で強調表示されます。これは、ポータルテーマの一部である設定、または複数の要素がそのコードを使用していることを示します。
- 不要なコードを削除する
- 変更を保存すると、コード エディターによって未使用の CSS ルールが削除されます。
- 逆に、削除しようとしている CSS ルールをコード エディターが復元する場合は、その CSS コードのブロックを強調表示し、[ CSS の削除 ] ボタンをクリックしてコード エディターをオーバーライドします。
図 : 1. [CSS を削除] ボタンの使用例 次のビデオでは、ユーザーが Delete キーを使用して CSS ルールを削除しようとしましたが、システムはコードを復元します。次に、ユーザーはコードを強調表示して [ CSS の削除] をクリックすると、コードが正常に削除されます。
注:
この機能はデフォルトでは利用できません。管理者は、[ コードの編集 ] プロパティを有効にする必要があります。「Content Publishing とともにインストールされるプロパティ」を参照してください。
重要な考慮事項
- カスタム HTML と CSS を追加すると、デザインが壊れる可能性があります。この機能を使用する場合は、注意して続行してください。リッチコンテンツエディターはコードエディターの変更を追跡しないため、[ 元に戻す ] ボタンでコードの変更を確実に元に戻すことはできません。
- HTML 要素 (div や p など) を使用して CSS ルールを定義すると、意図しない結果が生じる可能性があるため、お勧めしません。
図 : 2. HTML 要素を使用して CSS ルールを定義する場合の予期しない結果の例 次の例では、ユーザーはセル内の p 要素の CSS ルールを定義します。ただし、ページ プレビューでは、スタイル ルールは、フッターだけでなく、すべてのテキスト ボックスの p 要素に適用されます。