如何清除应用于元素的自定义样式?

戴维·迪弗雷斯

在Ckeditor 4x中,添加自定义样式时,无法使用“删除格式”在此处输入图片说明按钮,它不会删除样式(类)。

在此处输入图片说明

仅当使用默认样式时,它似乎工作良好。

斯威德斯基

由于过去做出的设计决策,这里有两件事需要解释,这并不像看起来那样容易。

  1. 默认情况下,只有内联样式会通过RemoveFormat删除
  2. 为了删除“样式”下拉列表中应用的块样式,您需要在该下拉列表中取消选择它们(在切换模式下有效)。然后,您将停留在像H1这样的原始标签上,您可以在格式下拉菜单的帮助下将其更改为另一个标签,例如P。必须按照该顺序进行。
  3. 似乎最好的解决方案是覆盖addRemoveFormatFilter方法。例如,假设您只想从h1-h3中删除格式:

    var editor = CKEDITOR.replace('textarea_id');
    editor.on( 'pluginsLoaded', function( ev ) {
        editor.addRemoveFormatFilter( function( element ) {
             return  element.is( 'h3' ) || element.is( 'h1' ) || element.is( 'h2' );
        });             
    });
    

当然,您可以在此处使用更高级的代码,而不仅仅是简单地检查某些东西是否为特定元素。例如,您可以使用checkElementRemovable方法检查特定元素是否与特定样式匹配。

请注意,有必要选择整个块元素以删除其格式。在某些情况下,例如,标头中包含浮动的图像,可能需要使用元素的路径来选择该元素,因为很难使用鼠标来选择它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将轮廓仅应用于自定义样式的HTML选择元素的扩展clickable元素?

如何将导入的样式表应用于自定义元素的模板标签内容?

如何将样式化组件样式应用于自定义React组件?

样式仅在具有布局属性的元素内应用于自定义聚合物元素的样式

如何将自定义样式应用于SwitchCompat

如何将CSS样式应用于自定义属性

如何将CSS样式应用于自定义React组件

如何在Angular中将样式应用于自定义组件内容?

如何将自定义样式应用于NSTableHeaderView?

如何限制自定义样式仅应用于特定模块的表单视图

Ionic 5-如何将自定义样式应用于离子输入

如何仅将自定义属性应用于元素?

如何基于自定义指令的值将CSS应用于ng-repeat元素?

如何将自定义函数应用于并行配对数组的明智元素?

样式化组件未将样式应用于自定义功能反应组件

如何将自定义主题应用于Google自定义搜索?

将样式应用于Xamarin.Forms中的iOS自定义渲染器

JavaFX:使用自定义样式表将文本颜色应用于TableCell吗?

将自定义样式应用于引导选择 .dropdown-menu.open

将自定义样式应用于内部Chrome页面

将自定义样式表应用于QTextDocument

角度-样式未从父级应用于我的自定义组件

将自定义UIButton样式应用于所有Button

特定组件的自定义样式将应用于角度6中的所有组件

Telerik 自定义样式在应用于 RadButton 时不反映

仅将自定义样式应用于父mat-tab-group

在next.js中,如何将自定义CSS类和引导类同时应用于元素

如何将自定义标量函数逐元素应用于math.js中的矩阵?

不能使用样式化组件将样式应用于React Native中的自定义组件吗?