从父页面隔离文本编辑器CSS(summernote)

时间:2015-02-02 13:24:49

标签: css html-email summernote

我为我的应用构建了一个电子邮件编辑区域,以便我可以从当前的文件系统版本移动到数据库存储版本,以便管理员更轻松地编辑标准交易电子邮件和内部通知

非常直接的代码方式,使用包装器模板,它将包装所有单独的电子邮件,如丢失的密码,注册等。

使用Summernote适用于各个模板,但在将其与包装器模板(包含一些标准CSS)一起使用时,编辑器中的CSS将覆盖编辑器所在的父页面的CSS。

有关如何隔离模板CSS的任何想法,以便我的管理员在编辑包装器时不会看到一个疯狂的父页面?

1 个答案:

答案 0 :(得分:0)

我认为最好也是最可靠的方法是将所有内容(包括summernote)放在iframe中。

在这个主题中,有些人讨论过这个问题: Reset/remove CSS styles for element only

milche-patern提出了这种解决方法,并将其标记为已接受的答案,但我同意JS_riddler

我在一个项目中遇到了同样的问题并进行了一些基准测试,确认很多具有此类功能的网站都使用了iframe。

问候!