WYSIWYGエディタはページのCSSを上書きしますか？

Question

私は、HTMLの電子メールを作成し、それをディスパッチできるWebアプリケーションを持っています。どのように偽のHTML電子メールの表示が可能なので、私はオープンソースのWYSIWYGエディタを埋め込んでいます。

エディタ自体は素晴らしいですが、既に考えているかもしれない1つの問題があります。基本的に、ページCSSは、テキストエディタで生成されたインラインCSSと競合しています。これは、表などの問題を引き起こしました。

現在、プレビューをiframeに配置してプレビューページでこれを解決していますが、実際のエディタページでこれを行うには最良の方法はわかりません。私はiframeでそれを行う場合、私は別のページに入れて、わずかにプロセスを変更するか、フォーム送信時にiframeからHTMLを取り除くためにいくつかのJavaScriptを書く必要があります。

もっと簡単な方法があるように思えます。誰もこの問題を解決したことがありますか？

ありがとうございました。

Answer 1

CKEditorやTinyMCEのような別のエディタに切り替えると、編集した内容のiframeを使ってHTML全体を編集することができます。そうすれば、送信するものを正確に編集することができます。

一例：http://nightly.ckeditor.com/latest/ckeditor/_samples/fullpage.html

Answer 2

セレクタをどのようにターゲティングするかを変更します。競合がある場合、CSSは効率的に書かれません。

特定のIDを持つルートdivを使用し、そのすべてがカスケードされる可能性があります。