CKEditor 是一款流行的开源 HTML 编辑器,用于简化 Web 内容创建和编辑过程。它支持多种编程语言和平台,提供了许多高级功能,如实时预览、拖放支持、HTML 模板、可配置工具栏等。
在 CKEditor 中,空标签可以通过在 HTML 中删除元素或属性来避免。以下是一些删除空标签的方法:
<span>
标签设置为不显示。ClassicEditor
.create(document.querySelector('#editor'), {
// ...
fontSize: {
options: [
'8px',
'10px',
'12px',
'14px',
'16px',
'18px',
'20px',
'24px'
]
}
})
.catch(error => {
console.error(error);
});
config.removeTags
属性删除空标签。ClassicEditor
.create(document.querySelector('#editor'), {
// ...
removeTags: {
remove: /^(<\/?[^>]*)$/,
allowed: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']
}
})
.catch(error => {
console.error(error);
});
config.allowedContent
属性设置允许的空标签。ClassicEditor
.create(document.querySelector('#editor'), {
// ...
allowedContent: {
'*': {
'*': '*',
'*': '*',
'*': '*'
}
}
})
.catch(error => {
console.error(error);
});
以上方法可以帮助你避免在 CKEditor 中出现空标签。你可以根据你的具体需求选择一种方法,并相应地配置编辑器。
领取专属 10元无门槛券
手把手带您无忧上云