如何动态删除CSS样式

Question

我想在我的CKEditor实例上添加和删除背景样式（使用JS）。我已经阅读了许多添加样式的示例，但没有解决方法来删除它。

这里有几个添加样式的解决方案：

// solution 1 :
CKEDITOR.instances[0].addContentsCss('body{background-color:black;}');

// solution 2 :
CKEDITOR.addCss('body{background-color:black  !important;}');

但这些解决方案适用于CK的初始化。初始化后，我找不到更新样式的解决方案。

有人知道吗？

感谢您的帮助。

埃里克

Answer 1

我找到了解决方案。我不使用CKEditor对象，只使用Jquery和CSS选择器：

$('iframe').contents().find('.cke_editable').css('background-color', 'black');

埃里克

Answer 2

使用CKEditor API执行此操作的正确方法：

editor.editable().setStyle( 'background-color', 'black' );

editor.editable()方法返回编辑器的主要可编辑元素。

CKEDITOR.addCss()和editor.addContentsCss()方法有不同的用途。有关详细信息，请参阅文档。