【问题标题】:Isolating Text Editor CSS from Parent Page (summernote)从父页面中隔离文本编辑器 CSS (summernote)
【发布时间】:2015-04-01 11:00:33
【问题描述】:

我正在为我的应用程序构建一个电子邮件编辑区域,以便我可以从我必须使用的当前文件系统版本转移到数据库存储版本,以便管理员更轻松地编辑标准事务性电子邮件和内部通知。

非常直接的代码明智,使用包装模板,该模板将包装所有个人电子邮件,例如丢失的密码、注册等。

使用Summernote 对单个模板效果很好,但是当将它与包装模板(包含一些标准 CSS)一起使用时,编辑器中的 CSS 会覆盖编辑器所在的父页面的 CSS。

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

【问题讨论】:

    标签: css html-email summernote


    【解决方案1】:

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

    在这个话题中,一些人讨论了这个问题: Reset/remove CSS styles for element only

    milche-patern 提出了这个解决方法,它被标记为接受的答案,但我同意JS_riddler

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

    问候!

    【讨论】:

      猜你喜欢
      • 2018-07-06
      • 2015-06-14
      • 2016-02-13
      • 2016-03-29
      • 2016-11-02
      • 2016-02-02
      • 2014-03-22
      • 2014-03-30
      • 1970-01-01
      相关资源
      最近更新 更多