ページの特定の領域にCSSをリセットしますか?
-
20-09-2019 - |
質問
私はCMSに取り組んでいます。その機能の1つは、個々のページとして表示されるwysiwygエディターでのHTML「チャンク」の編集です。
これらのチャンクがプレビューされているCMSにエリアがあります。
チャンクは、wysiwygエディターにロードされた「foundation.css」ファイルに依存しています。いくつかの小さなリセットを行い、デフォルトのフォントとテキストの色を定義し、全体的に非常にシンプルです。
明らかに、CMSには大量のCSSステートメントが付属しており、その多くはフォントサイズ、ファミリ、色、ラインハイト、パディングなどの一般的な設定に影響します。
当然のことながら、CMSページにHTMLチャンクを表示しようとすると、Foundation.css styleSheetでのみ表示される場合とは異なります。
以前のすべてのスタイルの定義からHTMLページ(たとえば、div)で定義された領域をクリーニングする方法を誰もが考えることができますか?私はできません。
Chunk and Embedding Foundation.cssを表示するiframeは役立ちますが、5〜10個のiframesをレンダリングする必要がある場合、ユーザーのワークフローを恐れて、ロードしたらJSを介して高さを調整する必要があります。ええ。
私は他のすべてのCSSをサブクラス(つまり、CMSのCSSを調整する)に「持ち上げる」ことを考えましたが、それには多くのファイル、おそらくPHPソースコードに触れることが含まれます。
これには解決策があるとは思わないが、あなたは決して知らない。
解決
wysiwygエディターのコードを含むすべてのdivにクラスを提供し、そのdiv内のすべてをリセットできます。
他のヒント
がある CSSリセット StyleSheetsが利用可能。おそらくそれらを変更できますか?
GSTOが言ったことを追加してください
div.clearCss *
{
property: value !important
}
すべての関連スタイルのプロパティをリセットします。このスタイルは、ClearCSSがクラスとして設定されている要素の下にあるすべてのものに適用する必要があります。そのため、そのクラスを親要素にのみ適用する必要があります。
CMSで特定のwysiwygエディターを使用していますか? Telerik Radeditorを使用すると、編集者の実際の編集領域に特定のスタイルシートを使用できることがわかりました。使用している編集者もそれを行うことができるかもしれません。
幸運を祈ります。これが役立つことを願っています。
あなたが取るなら Tinymce たとえば、彼らはiframeも使用していますが、あなたと同じ問題があると思います。バックエンドといくつかのページ4のiframesで使用します。パフォーマンスの問題はありません。
Tinymceを使用すると、必要な機能(PHP、JSP、.NET、ColdFusion)を圧縮することができます。これにより、優れたSpeedBoostが得られます。
よく考えてください、あなたはあなた自身のwysiwygエディターを書いてください、他のものはよくテストされており、ほぼすべてのニーズに合わせて非常に良いプラグインの二段を持っています。