vue 集成tinymce富文本编辑器

vue 集成tinymce富文本编辑器

安装

使用npm安装或者官网下载

npm install tinymce -S
将node下的tinycme全部复制到static目录下或public目录下。然后在页面引入对应的js与css  
语言包需要官网下载

<template>
<div id="tinymce-editor">TinyMce Editor</div>
</template>

<script>
import '../../static/tinymce/tinymce.min.js'
import '../../static/tinymce/themes/silver/theme.min.js'
import '../../static/tinymce/zh_CN.js'
import '../../static/tinymce/skins/ui/oxide/skin.min.css'

export default {
  mounted () {
    // 初始化
    tinymce.init({
      selector: '#tinymce-editor',
      language: 'zh_CN'
    })
  }
}
</script>