我正在为我的应用程序构建电子邮件编辑区域,以便从当前的文件系统版本转移到数据库存储版本,使管理员更容易编辑标准事务性电子邮件和内部通知。代码方面非常简单,使用一个包装模板来包装所有单独的电子邮件,例如丢失密码、注册等。在单独的模板中使用Summernote效果很好,但是当与包装模板一起使用时(其中包含一些标准CSS),编辑器中的CSS会覆盖编辑器所在父页面的CSS。有什么方法可以隔离我的模板CSS,以便我的管理员在编辑包装器时不会看到疯狂的父页面呢?
我认为最好、最可靠的方法是将您所有的内容(包括summernote)放在一个iframe中。
在此主题中,一些人讨论了这个问题: 仅重置/删除元素的CSS样式
milche-patern
提出了这个解决方法,并标记为被接受的答案,但我同意JS_riddler
的看法。
我在一个项目中遇到了同样的问题,并通过一些基准测试确认,很多具有类似功能的网站都使用iframes。
祝好!