html - 所见即所得编辑器覆盖页面 css?

标签 html css email wysiwyg inline

我有一个 Web 应用程序,可以创建可以发送的 HTML 电子邮件。由于 HTML 电子邮件的显示非常复杂,我嵌入了一个开源的 WYSIWYG 编辑器。

编辑器本身的工作非常出色,但有一个您可能已经在思考的问题。基本上,页面 CSS 与文本编辑器生成的内联 CSS 冲突,导致表格等问题。

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

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

谢谢。

最佳答案

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

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

关于html - 所见即所得编辑器覆盖页面 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9227772/

相关文章:

html - 如何垂直对齐 div 的子元素,同时保持它们向左和向右浮动?

html - 手动调用 HTML5 表单验证

html - 图像悬停始终显示在同一位置

css - 为什么这个媒体查询不起作用?

ruby - 如何 "Each do |article|"但在每 n 篇文章之后它必须在新行中开始(基础)

html - 子菜单项不会停留在悬停状态

python - 如何在 Python 中解码二进制编码的邮件消息?

html - 即条件html语句

java - 为什么这个正则表达式不匹配 : email address

PHP mail() 不起作用,因为我有一个使用 SSL 电子邮件的服务器