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

Question

CKEditor 4.6.0

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

https://codepen.io/anon/pen/RQBMzp

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

我为“CreateDiv”定义了一种风格。按钮（但我不知道为什么我们无法看到CreateDiv按钮）。

所以，我在CKEditor中模拟了一个带有类的div，只需阅读代码。

为什么不使用课程？如果我尝试使用样式标签，则没有问题

谢谢

Answer 1

CKEditor会创建一个iframe，因此您的CSS不会被使用，因为它已应用于主页页面（如果您使用的是Div Editing Area加载项，则可以使用它，而使用div代替{ {1}}）。使用以下解决方案之一：

• 在CKEditor文件夹中编辑iframe并插入CSS规则（但在CKEditor更新时会被覆盖）。

• 创建另一个CSS文件，让我们说contents.css，插入CSS规则并在mystyles.css插入：

  config.js

• 要获得快速解决方案，请在config.contentsCss = [CKEDITOR.getUrl('contents.css'), CKEDITOR.getUrl('mystyles.css')];命令之前插入以下行以应用于特定页面：

  CKEditor.replace

见这里：https://codepen.io/anon/pen/NyBzaq