如何即时删除 CSS 样式
How to remove a CSS style on the fly
我想在我的 CKEditor 实例上动态添加和删除背景样式(使用 JS so)。我已经阅读了许多添加样式的示例,但没有删除它的解决方案。
在这里,添加样式的几种解决方案:
// solution 1 :
CKEDITOR.instances[0].addContentsCss('body{background-color:black;}');
// solution 2 :
CKEDITOR.addCss('body{background-color:black !important;}');
但是这些解决方案适用于CK的初始化。我找不到初始化后更新样式的解决方案。
有人知道这样做吗?
感谢您的帮助。
埃里克
使用 CKEditor API 的正确方法:
editor.editable().setStyle( 'background-color', 'black' );
editor.editable()
方法返回编辑器的主要可编辑元素。
CKEDITOR.addCss()
和editor.addContentsCss()
方法有不同的用途。有关详细信息,请参阅文档。
我已经找到了解决方案。我不使用 CKEditor 对象,只使用 Jquery 和 CSS 选择器:
$('iframe').contents().find('.cke_editable').css('background-color', 'black');
埃里克
相关文章:
- 如果文本字段为空,则使用JavaScript应用CSS样式
- FF和Chromium中CSS样式按钮的外观差异
- CSS样式属性留空
- 使用javascript单击同一按钮,在两种样式之间更改css值
- 用CSS在CKEditor中设置预览样式
- Javascript+动态菜单+当前链接样式(CSS)+基于PHP的网站
- 如何使用jQuery转换所有带有动态类的内联样式css
- iFrame 中的实时预览和保存样式.css每 30 秒一次
- 如何更改 jquery UI 数据选择器的样式 (CSS)
- 在Javascript中设置左样式CSS属性以移动滑块
- css+jQuery样式.css切换器,用于新的jQuery版本
- Chrome 29样式/Css问题
- 如何更改工具提示的样式/css
- 字体Awesome与半样式CSS
- Angular2组件样式/css没有被浏览器应用在ngafterviewit中
- 如何改变网页内容,而不删除任何样式/css/图形
- 使用Javascript在不影响打印样式的情况下更改显示样式(CSS)
- 使用 Get Time Javascript 更改样式 CSS
- 自定义下拉列表样式(CSS/JS与ASP.. NET c#连接)
- 为输入类型文件按钮添加禁用样式(css)