ckeditor应用CSS对话HTML元素内容

Question

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

这是元素定义

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

从某些下拉列表进行了几个选择后，该元素是填充的，但是内容没有格式。

问题如何将样式表应用于teh HTML元素，以便将内容格式化？

我尝试将替代删除为

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

这无法正常工作。

如何完成此操作？

Answer 1

我使用的方法是将内容放置在div中：

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

然后在"对话"中的皮肤文件中，您可以添加适当的样式：

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

Answer 2

以防其他人遇到这个问题。答案（至少适用于V4）是使用"样式"属性：

{
          type: 'button',
          id: 'btnAdd',
          label: 'Add',
          style: 'width:100%;', //Add your styles here just as you would for an inline
          onClick: addTarget
        }

在此之外，您可以使用Onload事件将类添加到元素中，并从那里添加样式。酱