Предоставляет компонент TinyMCE для разработчиков Vue.
Обеспечить простой в использовании компонент Vue для разработчиков, использующих TinyMCE. Предоставить очень простой и понятный исходный код для разработчиков в качестве примера. Вы также можете напрямую использовать этот компонент в своём проекте. Если вы обнаружите проблему, пожалуйста, сообщите об этом в issue, мы ждём ваших отзывов 👏.
yarn add @packy-tang/vue-tinymce
# или
npm install @packy-tang/vue-tinymce
<template>
<!-- Глобальный импорт TinyMCE -->
<script src="//unpkg.com/tinymce@5.1.5/tinymce.min.js"></script>
<!-- Приложение -->
<div id="app">
<vue-tinymce
v-model="content"
:setup="setup"
:setting="setting" />
</div>
</template>
<script>
import Vue from "vue"
import VueTinymce from "@packy-tang/vue-tinymce"
//Установка компонента
Vue.use(VueTinymce)
new Vue({
el: "#app",
data: function() {
return {
content: "<p>html content</p>",
setting: {
height: 500
}
}
},
methods: {
setup(editor) {
console.log(editor)
}
}
})
</script>
Название | Описание |
---|---|
:content |
Тип String , содержимое, которое будет передано в редактор. Можно использовать v-model для двусторонней привязки. |
@change |
Тип Function , событие, которое срабатывает после ответа на события Input , Change , Undo , Redo , ExecCommand , KeyUp , NodeChange в редакторе. Возвращает текстовое содержимое. |
:setting |
Тип Object , настройки редактора. Не рекомендуется устанавливать здесь настройки для setup . |
:setup |
Тип Function , обычно используется для настройки редактора. Компонент выполняет некоторую обработку внутри, рекомендуется добавлять пользовательский код здесь. |
Для получения дополнительной информации см. Использование.
# Запуск локального примера
$ npm run serve
# Сборка
$ npm run build
# Выпуск версии
$ npm run release
Этот репозиторий построен с использованием sao-esm в качестве шаблона.
Copyright (c) packy-tang lpreterite@126.com
Открытое программное обеспечение под лицензией MIT.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )