如何动态删除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 API的正确方法是：

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

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

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

Answer 2

我已经找到了解决办法。我不使用CKEditor对象，只使用Jquery和CSS选择器：

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

埃里克