CKEditorバージョン4は、枝のメンテナンス存在ではありませんが、が、公式には、それがカーブの後ろに落ちることはできませんでした。最近、CKEditorバージョンのチームがリリースさ CKEditorバージョン4のVue.jsネイティブな統合とフレームワークを。
開発者ができることをこれは意味<ckeditor />Vue.jsネイティブコンポーネントとして、開発者はより速くあなたのサイトにそれを適用することができ、CKEditorバージョン4を使用してVue.jsコンポーネントとしてラベルを付けます。CKEditorバージョン4できるだけ単純かつ直感的なインストールするために、集積Vue.js CKEditorバージョン4を有し、NPMをし、CDNはジッパーによっても使用されてもよい提供しました。
公式の紹介によると、CKEditorバージョン4だけではJavaScriptリッチテキスト編集コンポーネントは、よく知られているJavaScriptフレームワークと互換性があり、それは使用していないか、ニッチな技術は、異常な環境で実行するために必要。限り何の奇妙な制限を使用しないために、開発者のための枠組みとして、CKEditorバージョン4は、と互換性を持つことができます。
ブラウザのサポート
CKEditorバージョン4 Vueのコンポーネントは、Internet Explorerの以外のすべてのサポートされているブラウザで使用することができます。
注：IE8、IE9とIE10、を含むが、CKEditorバージョン4のVueの統合を含むインターネットエクスプローラのCKEditorバージョン4のサポート古いバージョンでは、唯一、最新のInternet Explorerで使用するための11に対応している場合でも。
Internet Explorerの11のサポートを有効にするには、および標準的な方法をインポートするために使用されるが、すべての必要なポリフィルを含む特定のファイルをインポートする必要があるべきではありませんdist/legacy.js。
'ckeditor4-VUE / DIST / legacy.js' からインポートCKEditorバージョン
インストールと使用
要从 npm 安装 Vue.js 的 CKEditor 4 组件，只需运行：
npm install ckeditor4-vue
安装完成后将其导入项目中，并通过调用Vue.use()方法进行使用：
import Vue from
'vue'
;
import CKEditor from
'ckeditor4-vue'
;
Vue.use( CKEditor );
new
Vue( {
// ... options
} )
然后应在模板中添加<ckeditor />标签以创建 CKEditor 4 实例：
<template>
<div id="app">
<ckeditor value="Hello, World!"></ckeditor>
</div>
</template>
上面代码中使用的value属性负责设置初始的编辑器数据。
文档和示例：https://ckeditor.com/docs/ckeditor4/latest/examples/vue.html