1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/packy-tang-vue-tinymce

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

vue-tinymce

npm version vue tinymce NPM downloads

Предоставляет компонент 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>

Другие примеры использования

  • Пример использования с vue-cli: ссылка.
  • Пример использования с webpack: ссылка (ожидается).

Свойства

Название Описание
: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 )

Вы можете оставить комментарий после Вход в систему

Введение

Предоставить разработчикам Vue компонент TinyMCE. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/packy-tang-vue-tinymce.git
git@api.gitlife.ru:oschina-mirror/packy-tang-vue-tinymce.git
oschina-mirror
packy-tang-vue-tinymce
packy-tang-vue-tinymce
master