npm

Need private packages and team management tools?Check out npm Orgs. »

@packy-tang/vue-tinymce

0.2.1 • Public • Published

vue-tinymce

vue-tinymce

npm version vue vue NPM downloads

A vue component for TinyMCE

Features

  • v-model support
  • self managed id
  • add more tinymce example

How to use

setup

npm install @packy-tang/vue-tinymce

use

<template>
    <script src="//cdn.bootcss.com/tinymce/4.9.4/tinymce.min.js"></script> 
    <div id="app">
        <vue-tinymce
            ref="tinymce"
            v-model="content"
            :setting="setting">
        </vue-tinymce>
    </div>
</template>
<script>
    import Vue from 'vue';
    import { default as VueTinymce, TinymceSetting } from '@packy-tang/vue-tinymce';
 
    Vue.use(VueTinymce)
 
    new Vue({
        el: '#app',
        data: function(){
            return {
                content: '<p>html content</p>',
                setting: {
                    ...TinymceSetting,
                    height: 200,
                    language_url: "langs/zh_CN.js",
                    block_formats: "Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;"
                }
            }
        }
    })
</script> 

Get Editor to do something

const bm = this.$refs.tinymce.editor.selection.getBookmark();
console.log(bm);

Run build

// install
npm i
 
npm run build
//or
npm run watch

install

npm i @packy-tang/vue-tinymce

Downloadsweekly downloads

22

version

0.2.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability