文档中的CKEditor样式表

CKEditor Stylesheet in document

本文关键字:样式 CKEditor 文档      更新时间:2023-09-26

我们为客户提供一个HTML编辑器来调整他们的电子邮件模板。然而,一些电子邮件模板在顶部有一个自定义样式表。

类似这样:

<style type="text/css">
div, p, a, li, td { -webkit-text-size-adjust:none; text-decoration:none;}
@font-face {font-family: 'elegible_nova_rgbold_italic';src: url('http://sub.example.com/mailing/defaultFiles/elegiblenova-boldit-webfont.eot');src: url('http://sub.example.com/mailing/defaultFiles/elegiblenova-boldit-webfont.eot?#iefix') format('embedded-opentype'),url('http://sub.example.com/mailing/defaultFiles/elegiblenova-boldit-webfont.woff') format('woff'),url('http://sub.example.com/mailing/defaultFiles/elegiblenova-boldit-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
</style>

然而,当它被加载到CKEditor时,CSS不在文档的源代码中。如何确保CSS是在"文本区域",并将输出?

我使用债权人3.0

我不确定,因为我没有使用CKEditor好几年了,但我相信你需要允许这个内容。CKEditor 4更进一步,去掉了更多的东西,需要一个额外的设置来配置。

使用config.contentsCss在CKEditor编辑区插入额外的样式。经典CKEditor是基于<iframe>,它不会应用网页的全局样式的内容,除非你指定他们的方式。

  • 关于style的更多信息
  • 关于样式的更多信息