Unduh ckeditor4 vue3 - Unduh Kode Sumber ckeditor4 vue3

ckeditor4 vue3

Komponen pihak ketiga

v1.0.9

Unduh

Komponen Editor Ckeditor 4 Wysiwyg untuk Vue.js v3

Komponen Editor CKEDITOR 4 WYSIWYG untuk Vue.js v3.

Instalasi dan penggunaan

Untuk menginstal komponen Ckeditor 4 untuk vue.js dari NPM, cukup jalankan:

npm install @mayasabha/ckeditor4-vue3

Gunakan dalam komponen file tunggal

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

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

Gunakan sebagai plugin global

Hubungi metode Vue.use() untuk mendaftarkan CKEditor sebagai plugin global untuk vue:

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

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

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

Dan gunakan komponen <ckeditor /> di templat Anda:

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

Gunakan melalui tag `<script>` Direct

Alih -alih menggunakan impor ES6, komponen juga dapat ditambahkan melalui skrip langsung termasuk:

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

dan digunakan dengan cara yang sama seperti dengan impor ES6:

 app . use ( CKEditor ) ;

Lihat dokumentasi komponen CKEedit 4 VUE resmi untuk informasi lebih lanjut tentang proses instalasi.

Dokumentasi dan contoh

Lihat artikel Ckeditor 4 Wysiwyg Editor Vue Integration dalam dokumentasi CKEDITOR 4.

Anda juga dapat memeriksa sampel integrasi editor CKEditor 4 WYSIWYG dalam contoh CKEDITOR 4.

Dukungan Browser

Komponen Ckeditor 4 Vue bekerja dengan semua browser yang didukung kecuali untuk Internet Explorer.

Untuk mengaktifkan dukungan Internet Explorer 11, alih -alih impor standar yang Anda butuhkan untuk mengimpor file dist/legacy.js tertentu yang berisi semua polyfill yang diperlukan:

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

Catatan : Meskipun CKEedit 4 mendukung versi Internet Explorer yang lebih lama termasuk IE8, IE9 dan IE10, integrasi Vue hanya didukung dalam Internet Explorer 11 terbaru.

Berkontribusi

Setelah mengkloning repositori ini, instal dependensi yang diperlukan:

 npm install

Mengeksekusi tes

Berlari:

 npm run test

Jika Anda akan mengubah file sumber (yang terletak di src/ direktori), ingatlah tentang membangun kembali paket. Anda dapat menggunakan npm run develop untuk melakukannya secara otomatis.