ckeditor4 vue3

CKEDITOR 4 vue.js v3의 Wysiwyg 편집기 구성 요소

vue.js v3에 대한 CKEDITOR 4 WYSIWYG 편집기 구성 요소.

설치 및 사용

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> 태그를 통해 사용하십시오

ES6 가져 오기를 사용하는 대신 직접 스크립트를 통해 구성 요소를 추가 할 수 있습니다.

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

ES6 가져 오기와 같은 방식으로 사용됩니다.

 app . use ( CKEditor ) ;

설치 프로세스에 대한 자세한 내용은 공식 CKEDITOR 4 VUE 구성 요소 문서를 참조하십시오.

문서 및 예

CKEDITOR 4 문서의 CKEDITOR 4 WYSIWYG 편집기 VUE 통합 기사를 참조하십시오.

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가 IE8, IE9 및 IE10을 포함한 구형 인터넷 익스플로러 버전을 지원하더라도 VUE 통합은 최신 Internet Explorer 11에서만 지원됩니다.

기여

이 저장소를 복제 한 후 필요한 종속성을 설치하십시오.

 npm install

테스트 실행

달리다:

 npm run test

소스 파일 ( src/ 디렉토리에 위치한 파일)을 변경하려면 패키지 재건을 기억하십시오. npm run develop 사용하여 자동으로 수행 할 수 있습니다.

패키지 구축

게시 할 준비가 된 미니스트 버전의 패키지를 작성하십시오.

 npm run build

특허

저작권 (C) 2003-2022, Cksource Holding sp. Z OO 판권 소유.

선택한 다음 라이센스 중 하나에 따라 라이센스가 부여됩니다.

• GNU 일반 공개 라이센스 버전 2 이상
• GNU가 적은 일반 공개 라이센스 버전 2.1 이상
• Mozilla Public License 버전 1.1 이상 ( "MPL").

라이센스에 대한 자세한 내용은 LICENSE.md 파일을 확인하십시오.