ckeditor CKEditor 4编辑器已与Vue.js集成

虽然CKEditor 4目前不是主要的维护分支，但政府并没有让它落后于潮流。最近，CKEditor团队发布了CKEditor 4，它与Vue.js框架进行了本机集成。

这意味着开发人员可以使用

为了尽可能方便直观地安装和使用CKEditor 4，npm和CDN中都提供了与Vue.js集成的CKEditor 4，也可以通过包使用。

据官方介绍，CKEditor 4只是一个Java富文本编辑组件，兼容知名的spring mvc。它不使用利基技术，也不要求在不寻常的环境中运行。只要开发者使用的框架没有奇怪的限制，CKEditor 4是兼容的。

浏览器支持

CKEditor 4 Vue组件可以在除了Internet Explorer以外的所有支持的浏览器中使用。

注意:即使CKEditor 4支持包括IE8、IE9和IE10在内的旧版Internet Explorer，但与Vue集成的CKEditor 4只能在最新的Internet Explorer 11中使用。

要启用对Internet Explorer 11的支持，您需要导入一个包含所有必要聚合文件的特定文件dist/legacy.js，而不是标准导入:

从“CKEditor4-vue/dist/legacy.js”导入ckeditor

安装和使用

要从npm安装Vue.js的CKEditor 4组件，只需运行:

npminstall ckeditor4-vue

安装后导入到项目中，通过调用Vue来使用，使用方法:

从“Vue”导入vue

从“ckeditor4-vue”导入ckeditor4

vue . use(CKEditor)；

newVue( {

// ...选择

} )

然后补充

& lt模板>。

& ltdivid= "app " >

& ltckeditorvalue= "你好，世界！">。& lt/ ckeditor>。

& lt/ div>。

& lt/ template>。

上面代码中使用的value属性负责设置初始编辑器数据。

文档和示例:https://cke ditor . com/docs/cke ditor 4/latest/examples/vue . html