ckeditor5创建内容禁止插入<br>
时间: 2023-11-12 08:09:09 浏览: 61
要禁止在 CKEditor 5 中插入 `<br>` 标签,可以使用 CKEditor 5 的 `dataProcessor` 插件。以下是实现方法:
1. 在 CKEditor 5 的构建配置文件中启用 `dataProcessor` 插件:
```javascript
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ ... , 'dataProcessor' ],
toolbar: [ ... ]
} )
.then( ... )
.catch( ... );
```
2. 在 `editorConfig` 对象中添加 `dataProcessor` 配置:
```javascript
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ ... , 'dataProcessor' ],
toolbar: [ ... ],
dataProcessor: {
// 配置 dataFilter,用于过滤要插入的内容
dataFilter: ( data, editor ) => {
// 如果插入的内容是 '<br>',则返回空字符串
if ( data == '<br>' ) {
return '';
}
return data;
}
}
} )
.then( ... )
.catch( ... );
```
以上配置将禁止在 CKEditor 5 中插入 `<br>` 标签。注意,这样做可能会影响到一些插件的功能,需要进行适当的调整。
阅读全文