首页 > 其他 > 详细

vue 集成tinymce富文本编辑器

时间:2021-07-04 23:35:33      阅读:24      评论:0      收藏:0      [点我收藏+]

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富文本编辑器

原文:https://www.cnblogs.com/chaoba/p/14970140.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!