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文件。