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

戴维·迪弗雷斯

在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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

将自定义样式应用于微调器

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何将样式表应用于PyQt中的自定义窗口小部件

来自分类Dev

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

来自分类Dev

将默认的按钮样式应用于自定义按钮类

来自分类Dev

将自定义样式应用于页面上的所有按钮

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

将CSS应用于HTML5自定义元素的正确方法

来自分类Dev

自定义字体未应用于CSS中的:before伪元素之前

来自分类Dev

将自定义主题应用于Odoo应用

来自分类Dev

如何将自定义字体应用于Android应用中的每个TextView

来自分类Dev

无法将自定义listSelector应用于ListView

来自分类Dev

将自定义函数应用于数据框

来自分类Dev

熊猫滚动应用于自定义功能

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

    将自定义样式应用于微调器

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

    如何将样式表应用于PyQt中的自定义窗口小部件

  12. 12

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

  13. 13

    将默认的按钮样式应用于自定义按钮类

  14. 14

    将自定义样式应用于页面上的所有按钮

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

    将CSS应用于HTML5自定义元素的正确方法

  24. 24

    自定义字体未应用于CSS中的:before伪元素之前

  25. 25

    将自定义主题应用于Odoo应用

  26. 26

    如何将自定义字体应用于Android应用中的每个TextView

  27. 27

    无法将自定义listSelector应用于ListView

  28. 28

    将自定义函数应用于数据框

  29. 29

    熊猫滚动应用于自定义功能

热门标签

归档