WYSIWYG编辑器覆盖页面css?

时间:2012-02-10 12:27:36

标签: html css email wysiwyg inline

我有一个Web应用程序,允许创建可以随后发送的HTML电子邮件。由于HTML电子邮件的显示效果非常好,我有一个嵌入式的开源WYSIWYG编辑器。

编辑本身非常有效,但有一个问题可能已经在考虑了。基本上,页面CSS与文本编辑器生成的内联CSS冲突,这会导致表格等问题。

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

似乎应该有一种更简单的方法 - 以前有人解决过这个问题吗?

感谢。

2 个答案:

答案 0 :(得分:0)

更改定位选择器的方式。如果你有冲突,那么你的CSS写得不好。

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

答案 1 :(得分:0)

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

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