Javascript 如何在ckeditor中使用已定义的类？

CKEditor 4.6.0

我想使用CKEditor，这是我显示代码的代码笔

在我的代码中，我将allowedContent定义为true和extraAllowedContent

我已经为“CreateDiv”按钮定义了一个样式，但是我不知道为什么我们不能看到CreateDiv按钮

因此，我在CKEditor中用一个类模拟了一个div，只需阅读代码

为什么不使用该类？如果我尝试使用样式标记，则没有问题

---

谢谢您

CKEditor创建了一个iframe，因此您的CSS不会被使用，因为它应用在主机页中。但是，如果您使用的是附加组件，它使用div而不是iframe，它会工作。使用以下解决方案之一：

在CKEditor文件夹中编辑contents.css并插入您的css规则，但在CKEditor更新时它将被覆盖

创建另一个CSS文件，比如mystyles.CSS，插入CSS规则，然后在config.js中插入：

config.contentsCss=[CKEDITOR.getUrl'contents.css'，CKEDITOR.getUrl'mystyles.css']

要快速解决此问题，请在要应用于特定页面的CKEditor.replace命令之前插入以下行：

addCss'.collapse{背景色：tan；}'

---

请参见此处：

非常感谢，我不知道ckeditor使用iframe。但是关于这个例子，在文档中，指示使用allowedContent等。通过使用allowedContent:true或更好的extraAllowedContent:“divcollapse”，您告诉CKEditor在源代码中保留div的类属性，而不是去除它。但是，由于我解释的原因，您不会看到任何明显的不同。谢谢您，现在，我可以将其包含在django ckeditor中。