ckeditor4 vue3 Téléchargement - ckeditor4 vue3 Code source Télécharger

ckeditor4 vue3

Composants tiers

v1.0.9

Télécharger

Ckeditor 4 Wysiwyg Editor Component pour vue.js v3

Le composant de l'éditeur CKEditor 4 Wysiwyg pour Vue.js v3.

Installation et utilisation

Pour installer le composant CKEditor 4 pour Vue.js de NPM, exécutez simplement:

npm install @mayasabha/ckeditor4-vue3

Utiliser dans des composants de fichiers uniques

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

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

Utiliser comme plugin mondial

Appelez la méthode Vue.use() pour enregistrer CKEditor comme un plugin global pour Vue:

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

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

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

Et utilisez le composant <ckeditor /> dans votre modèle:

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

Utiliser via la balise directe `<script>`

Au lieu d'utiliser les importations ES6, le composant peut également être ajouté via un script direct comprend:

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

et utilisé de la même manière qu'avec les importations ES6:

 app . use ( CKEditor ) ;

Reportez-vous à la documentation officielle des composants CKEditor 4 VUE pour plus d'informations sur le processus d'installation.

Documentation et exemples

Voir l'article CKEditor 4 Wysiwyg Editor Vue Integration dans la documentation CKEditor 4.

Vous pouvez également consulter les échantillons d'intégration de l'éditeur CKEditor 4 Wysiwyg dans les exemples de CKEditor 4.

Support de navigateur

Le composant CKEditor 4 Vue fonctionne avec tous les navigateurs pris en charge à l'exception d'Internet Explorer.

Pour activer la prise en charge d'Internet Explorer 11, au lieu de l'importation standard, vous devez importer un fichier dist/legacy.js spécifique contenant tous les polyfills requis:

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

Remarque : Même si CKEditor 4 prend en charge les anciennes versions Internet Explorer, y compris IE8, IE9 et IE10, l'intégration VUE n'est prise en charge que dans le dernier Explorer Internet 11.

Contributif

Après le clonage de ce référentiel, installez les dépendances nécessaires:

 npm install

Exécution de tests

Courir:

 npm run test

Si vous allez modifier les fichiers source (ceux situés dans le src/ répertoire), n'oubliez pas de reconstruire le package. Vous pouvez utiliser npm run develop afin de le faire automatiquement.