jquery - CKEditor 将 css 应用于对话框 html 元素内容

Question

我创建了一个 ckeditor 插件，该插件的目的是允许用户查找数据库内容并创建一个 html 元素形式的内容并将其插入到编辑器窗口中。

这里是元素定义

id: "card_layout",
type: "html",
html: "<h1>Content will display here after selections are made.</h1>" + str,

在从一些下拉列表中进行了几次选择后，该元素被填充，但内容没有格式。

问题如何将样式表应用到 html 元素以便对内容进行格式化？

我尝试删除覆盖作为

this.getElement().removeClass('cke_reset_all')

这没有按预期工作。

关于如何完成此操作的任何选项？

Answer 1

我使用的方法是将内容放在一个div中:

html: '<div id="content"><h1>Content will display here...</h1></div>'

然后在您正在使用的皮肤的 dialog.css 文件中，您可以添加适当的样式:

div#content h1 { font-size: 16pt; }
div#content ul { list-style: circle inside; }