如何在 ckeditor 中使用定义的 class？

how to use a defined class in ckeditor?

CKEditor 4.6.0

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

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

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

我已经为'CreateDiv'按钮定义了一个样式（但我不知道为什么我们看不到CreateDiv按钮）。

所以，我在CKEditor中模拟了一个div和一个class，请阅读代码。

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

谢谢

CKEditor 创建了一个 iframe，因此您的 CSS 未被使用，因为它已应用于主机页面（但如果您使用 Div Editing Area add-on，它会起作用，它使用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 命令之前插入以下行：

    CKEDITOR.addCss('.collapse { background-color: tan; }');

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