Descargar ckeditor4 vue3 - Descargar código fuente ckeditor4 vue3

ckeditor4 vue3

Componentes de terceros

v1.0.9

Descargar

Ckeditor 4 componente del editor Wysiwyg para Vue.js V3

El componente del editor CKEDITOR 4 WYSIWYG para Vue.js V3.

Instalación y uso

Para instalar el componente CKEditor 4 para Vue.js desde NPM, simplemente ejecute:

npm install @mayasabha/ckeditor4-vue3

Usar en componentes de un solo archivo

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

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

Usar como un complemento global

Llame al método Vue.use() para registrar CKEditor como un complemento global para Vue:

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

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

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

Y use el componente <ckeditor /> en su plantilla:

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

Usar a través de la etiqueta directa `<script>`

En lugar de usar las importaciones de ES6, el componente también se puede agregar a través de un script directo incluye:

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

y utilizado de la misma manera que con las importaciones de ES6:

 app . use ( CKEditor ) ;

Consulte la documentación oficial del componente CKEDITOR 4 VUE para obtener más información sobre el proceso de instalación.

Documentación y ejemplos

Consulte el artículo de integración de Vue de CKEDITOR 4 WYSIWYG en la documentación de CKEDITOR 4.

También puede consultar las muestras de integración Vue del editor Wysiwyg de CKEDITOR 4 en CKEDITOR 4 Ejemplos.

Soporte del navegador

El componente CKEditor 4 VUE funciona con todos los navegadores compatibles a excepción de Internet Explorer.

Para habilitar el soporte de Internet Explorer 11, en lugar de la importación estándar, necesita importar un archivo dist/legacy.js específico que contenga todos los poliulentos requeridos:

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

Nota : Aunque CKEDITOR 4 admite versiones más antiguas de Internet Explorer, incluidos IE8, IE9 e IE10, la integración Vue solo es compatible con el último Internet Explorer 11.

Que contribuye

Después de clonar este repositorio, instale las dependencias necesarias:

 npm install

Ejecución de pruebas

Correr:

 npm run test

Si va a cambiar los archivos de origen (los ubicados en el directorio src/ ), recuerde sobre la reconstrucción del paquete. Puede usar npm run develop para hacerlo automáticamente.