所见即所得编辑器覆盖页面css？

Question

我有一个Web应用程序，允许创建HTML电子邮件，然后可以发送。由于HTML电子邮件显示的复杂程度，我嵌入了一个开源的所见即所得的编辑器。

编辑本身非常有效，但有一个问题你可能已经在想。基本上，页面CSS与由文本编辑器生成的内联CSS冲突，这导致了诸如表格之类的问题。

目前我正在通过将预览放在iframe中的“预览”页面上解决此问题，但我不完全确定为实际编辑器页面执行此操作的最佳方式。如果我在iframe中执行此操作，我将不得不将其放入单独的页面并略微改变该过程，或者编写一些Javascript以在表单提交中将HTML从iframe中除去。

看起来应该有一个更简单的方法 - 有谁解决过这个问题吗？

谢谢。

Answer 1

我会切换到不同的编辑器，如CKEditor或TinyMCE，它允许您编辑整个HTML通过使用自己的编辑内容的iframe。这样你可以准确地编辑你将发送的内容。

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

Answer 2

改变你如何定位你的选择器。如果你有冲突，那么你的CSS不会被有效写入。

也许使用具有特定ID的根div，并将所有内容都级联。