ckeditor4 vue3

ckeditor 4 vue.js v3的Wysiwyg编辑器组件

ckeditor 4 wysiwyg编辑器组件，用于vue.js v3。

安装和用法

要从NPM安装vue.js的ckeditor 4组件，只需运行：

npm install @mayasabha/ckeditor4-vue3

在单个文件组件中使用

< script setup>
	import { component as ckeditor } from ' @mayasabha/ckeditor4-vue3 '
</ script >

< template >
	< ckeditor ></ ckeditor >
</ template >

用作全局插件

调用Vue.use()方法将CKEditor注册为VUE的全局插件：

 import Vue from 'vue' ;
import CKEditor from '@mayasabha/ckeditor4-vue3' ;

const app = Vue . createApp ( { } ) ;
app . use ( CKEditor ) ;

new Vue ( {
	// ... options
} )

并在模板中使用<ckeditor />组件：

< template >
	< div id = " app " >
		< ckeditor value = " Hello, World! " ></ ckeditor >
	</ div >
</ template >

通过直接<script>标签使用

也可以通过直接脚本包括：

 < script src =" ../node_modules/@mayasabha/ckeditor4-vue3/dist/ckeditor.js " > </ script >

并以与ES6进口相同的方式使用：

 app . use ( CKEditor ) ;

有关安装过程的更多信息，请参阅官方CKEditor 4 VUE组件文档。

文档和示例

请参阅Ckeditor 4文档中的CKEditor 4 Wysiwyg编辑器Vue Integration文章。

您也可以在CKEditor 4示例中查看CKEDITOR 4 WYSIWYG编辑器Vue集成样本。

浏览器支持

CKEditor 4 VUE组件可与所有受支持的浏览器一起使用，除了Internet Explorer。

要启用Internet Explorer 11支持，而不是导入特定dist/legacy.js文件的标准导入。

 import CKEditor from '@mayasabha/ckeditor4-vue3/dist/legacy.js'

注意：即使CKEditor 4支持旧的Internet Explorer版本，包括IE8，IE9和IE10，但仅在最新的Internet Explorer 11中支持VUE集成。

贡献

克隆此存储库后，安装必要的依赖项：

 npm install

执行测试

跑步：

 npm run test

如果要更改源文件（位于src/ Directory中的文件），请记住有关重建软件包的内容。您可以使用npm run develop来自动进行。

建立包裹

构建准备发布的包装的缩小版本：

 npm run build

执照

版权（C）2003-2022，Cksource Holding sp。 z oo保留所有权利。

根据您选择的以下任何许可条款获得许可：

• GNU通用公共许可证版本2或以后
• GNU较少的通用公共许可证版本2.1或更高版本，
• Mozilla公共许可证版本1.1或更高版本（“ MPL”）。

有关许可证的完整详细信息，请检查LICENSE.md文件。