首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Ckeditor删除空标签

CKEditor 是一款流行的开源 HTML 编辑器,用于简化 Web 内容创建和编辑过程。它支持多种编程语言和平台,提供了许多高级功能,如实时预览、拖放支持、HTML 模板、可配置工具栏等。

删除空标签

CKEditor 中,空标签可以通过在 HTML 中删除元素或属性来避免。以下是一些删除空标签的方法:

  1. 使用 CSS:在 CKEditor 的配置中添加一个自定义样式,将空 <span> 标签设置为不显示。
代码语言:javascript
复制
ClassicEditor
    .create(document.querySelector('#editor'), {
        // ...
        fontSize: {
            options: [
                '8px',
                '10px',
                '12px',
                '14px',
                '16px',
                '18px',
                '20px',
                '24px'
            ]
        }
    })
    .catch(error => {
        console.error(error);
    });
  1. 使用 JavaScript:在创建编辑器实例时,通过 config.removeTags 属性删除空标签。
代码语言:javascript
复制
ClassicEditor
    .create(document.querySelector('#editor'), {
        // ...
        removeTags: {
            remove: /^(<\/?[^>]*)$/,
            allowed: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']
        }
    })
    .catch(error => {
        console.error(error);
    });
  1. 自定义配置:在创建编辑器实例时,通过 config.allowedContent 属性设置允许的空标签。
代码语言:javascript
复制
ClassicEditor
    .create(document.querySelector('#editor'), {
        // ...
        allowedContent: {
            '*': {
                '*': '*',
                '*': '*',
                '*': '*'
            }
        }
    })
    .catch(error => {
        console.error(error);
    });

以上方法可以帮助你避免在 CKEditor 中出现空标签。你可以根据你的具体需求选择一种方法,并相应地配置编辑器。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券