前端 各位佬 CKEditor5 在 vue3 vite 环境下的源码自定义构建模式 添加了 htmlSupport 这个配置 好像不起作用 有遇到同样问题的佬吗

15次阅读

共计 1038 个字符,预计需要花费 3 分钟才能阅读完成。

官方文档:
[https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/integrating-from-source-vite.html#running-the-editor-method-1]

不使用 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'


正文完
 0