VUE + TinyMCE 富文本编辑器组件

TinyMCE 中文文档地址:http://tinymce.ax-z.cn/configure/editor-appearance.php
TinyMCE 源码存储地址:https://github.com/tinymce/tinymce-vue
其他使用心得参照:

  1. https://www.jb51.net/web/78618.html
  2. https://blog.csdn.net/haeasringnar/article/details/86290171
<template>
  <div class="tinymce-editor">
    <editor
      v-bind="$attrs"
      v-on="$listeners"
      :init="init"
      :disabled="disabled"
      v-model="textContent"
      id="elementIdquestion"
      ref="tinymce"
    >
    </editor>
  </div>
</template>
<script>
//引入富文本插件 tinymce
import tinymce from "tinymce/tinymce";
import Editor from "@tinymce/tinymce-vue";
// import 'tinymce/themes/modern/theme'
import "tinymce/themes/silver";
import "tinymce/plugins/image"; // 插入上传图片插件
import "tinymce/plugins/media"; // 插入视频插件
import "tinymce/plugins/table"; // 插入表格插件
import "tinymce/plugins/lists"; // 列表插件
import "tinymce/plugins/wordcount"; 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值