本文主要是介绍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>

这篇关于vue 集成tinymce富文本编辑器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！