不使用 htmlSupport 这个配置 在源代码编辑模式会自动把 css 的内联 style 自动过滤 预防漏洞攻击 需求就是 关闭这个自动过滤 但是发现在自定义构建模式下不起作用
直接使用在线选好功能打包之后再引入是没有问题的 但后续更新麻烦 所以想直接使用源码构建方式
版本: 41.4.1
我的代码:
editor.js
import { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic'
import { Autoformat } from '@ckeditor/ckeditor5-autoformat'
import { GeneralHtmlSupport, HtmlComment } from '@ckeditor/ckeditor5-html-support'
import { Undo } from '@ckeditor/ckeditor5-undo'
import { SourceEditing } from '@ckeditor/ckeditor5-source-editing'
import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn'
class Editor extends ClassicEditor {
static builtinPlugins = [
GeneralHtmlSupport,
HtmlComment,
Undo,
SourceEditing,
Autoformat
]
static defaultConfig = {
htmlSupport: {
allow: [{
name: /.*/,
attributes: true,
classes: true,
styles: true
}],
disallow: [ /* HTML features to disallow */]
},
toolbar: {
items: [
'sourceEditing',
'undo',
'redo'
]
},
language: 'zh-cn'
}
}
export default Editor;
xxx.vue
import ClassicEditor from 'xxx/editor.js'
<Ckeditor v-model="code" :editor="ClassicEditor" />
1
webbillion 101 天前
|
2
webbillion 101 天前 ![]() @webbillion #1 看错了,你有个 defaultConfig ,不过也可以试试创建的时候再添加配置呢
|
![]() |
3
weiqipeng OP @webbillion 这个方式我也尝试过 创建的时候添加配置和这个 js 文件做的事情是等价的
|