ckeditor4 vue3 ดาวน์โหลด - ckeditor4 vue3 ซอร์สโค้ดดาวน์โหลดดาวน์โหลด

ckeditor4 vue3

ส่วนประกอบของบุคคลที่สาม

v1.0.9

ดาวน์โหลด

ckeditor 4 wysiwyg ส่วนประกอบส่วนประกอบสำหรับ vue.js v3

องค์ประกอบตัวแก้ไข CKEDitor 4 WYSIWYG สำหรับ Vue.js v3

การติดตั้งและการใช้งาน

ในการติดตั้งส่วนประกอบ ckeditor 4 สำหรับ vue.js จาก NPM เพียงแค่เรียกใช้:

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>`

แทนที่จะใช้การนำเข้า ES6 ส่วนประกอบยังสามารถเพิ่มผ่านสคริปต์โดยตรงรวมถึง:

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

และใช้ในลักษณะเดียวกับการนำเข้า ES6:

 app . use ( CKEditor ) ;

อ้างถึงเอกสารประกอบ CKEditor 4 VUE อย่างเป็นทางการสำหรับข้อมูลเพิ่มเติมเกี่ยวกับกระบวนการติดตั้ง

เอกสารและตัวอย่าง

ดูบทความ CKEDitor 4 WYSIWYG VUE Integration บทความในเอกสาร CKEDitor 4

นอกจากนี้คุณยังสามารถตรวจสอบตัวอย่างการรวม CKEDitor 4 WYSIWYG VUE Integration ตัวอย่างในตัวอย่าง CKEditor 4

การสนับสนุนเบราว์เซอร์

ส่วนประกอบ 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 แต่การรวม Vue นั้นได้รับการสนับสนุนเฉพาะใน Internet Explorer ล่าสุด 11

การบริจาค

หลังจากโคลนนิ่งที่เก็บนี้ให้ติดตั้งการพึ่งพาที่จำเป็น:

 npm install

ดำเนินการทดสอบ

วิ่ง:

 npm run test

หากคุณกำลังจะเปลี่ยนไฟล์ต้นฉบับ (ไฟล์ที่อยู่ใน src/ Directory) โปรดจำไว้ว่าเกี่ยวกับการสร้างแพ็คเกจใหม่ คุณสามารถใช้ npm run develop เพื่อทำโดยอัตโนมัติ