ckeditor4 vue3 Скачать - ckeditor4 vue3 Скачать исходный код

ckeditor4 vue3

Сторонние компоненты

v1.0.9

Скачать

Ckeditor 4 Wysiwyg Editor Component для 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 >

Использовать через Direct `<script>` тег

Вместо использования импорта ES6 компонент также можно добавить через прямой сценарий, включающий:

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

и используется так же, как при импорте ES6:

 app . use ( CKEditor ) ;

Обратитесь к официальной документации Ckeditor 4 Vue Component для получения дополнительной информации о процессе установки.

Документация и примеры

См. Статью Ckeditor 4 Wysiwyg Editor Vue Integration статья в документации Ckeditor 4.

Вы также можете проверить образцы интеграции Vue Editor Ckeditor 4 Wysiwyg в примерах 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 поддерживается только в последнем интернет -проводнике 11.

Внося

После клонирования этого репозитория установите необходимые зависимости:

 npm install

Выполнение тестов

Бегать:

 npm run test

Если вы собираетесь изменить исходные файлы (те, которые расположены в src/ Directory), помните об восстановлении пакета. Вы можете использовать npm run develop , чтобы сделать это автоматически.