ckeditor4 vue3 DOWNLOAD - ckeditor4 vue3 Quellcode Download

ckeditor4 vue3

Komponenten von Drittanbietern

v1.0.9

Herunterladen

Ckeditor 4 Wysiwyg Editor -Komponente für VUE.JS V3

Der Ckeditor 4 Wysiwyg -Editor -Komponente für VUE.JS V3.

Installation und Verwendung

So installieren Sie die CKeditor 4 -Komponente für Vue.js von NPM einfach:

npm install @mayasabha/ckeditor4-vue3

Verwenden Sie in einzelnen Dateikomponenten

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

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

Verwenden Sie als globales Plugin

Rufen Sie die Methode Vue.use() an, um CKEditor als globales Plugin für VUE zu registrieren:

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

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

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

Und verwenden Sie die <ckeditor /> -Komponente in Ihrer Vorlage:

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

Verwenden Sie über Direct `<script>` Tag

Anstatt ES6 -Importe zu verwenden, kann die Komponente auch über ein direktes Skript hinzugefügt werden, einschließlich:

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

und genauso verwendet wie bei ES6 -Importen:

 app . use ( CKEditor ) ;

Weitere Informationen zum Installationsprozess finden Sie in der offiziellen Dokumentation des offiziellen CKEDITOR 4 VUE -Komponenten.

Dokumentation und Beispiele

In der Dokumentation CKEDITOR 4 finden Sie den Artikel zur Vue -Integration von CKEDITOR 4 Wysiwyg Vue Vue Integration.

Sie können auch den CKEDITOR 4 WYSIWYG -Editor Vue Integration Proben in Ckeditor 4 -Beispielen ansehen.

Browserunterstützung

Die Vue -Komponente von CKeditor 4 arbeitet mit allen unterstützten Browsern mit Ausnahme des Internet Explorer.

Um die Unterstützung von Internet Explorer 11 zu aktivieren, müssen Sie anstelle des Standardimports eine bestimmte Datei dist/legacy.js mit allen erforderlichen Polyfills importieren:

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

Hinweis : Obwohl Ckeditor 4 ältere Internet Explorer -Versionen wie IE8, IE9 und IE10 unterstützt, wird die VUE -Integration nur im neuesten Internet Explorer 11 unterstützt.

Beitragen

Installieren Sie nach dem Klonen dieses Repositorys die erforderlichen Abhängigkeiten:

 npm install

Tests ausführen

Laufen:

 npm run test

Wenn Sie die Quelldateien ändern möchten (die im src/ Verzeichnis befinden), denken Sie daran, das Paket wieder aufzubauen. Sie können npm run develop verwenden, um dies automatisch zu tun.