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>