SuitTinymce 富文本编辑器

说明

1、SuitTinymce是一个基于tinymce的富文本编辑器
2、SuitTinymce的使用需要提前加载tinymce静态资源tinymce.min.js。建管平台有静态资源的预加载，所以可直接使用；但在仓库的开发过程需手动加载，上线后注释对应加载

示例

<template>
  <div>
    <suitTinymce
      :height="150"
      v-model="content"
    ></suitTinymce>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        content: ''
      }
    },
    methods: {
    }
  }
</script>

Expand Copy Copy

参数说明

属性

属性	描述	类型	可选值	默认值
id	页面元素选择器	String	——	'vue-tinymce-' + +new Date()
value	双向绑定的值	String	——	——
toolbar	工具类的配置	Array	——	['bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample','hr bullist numlist link charmap preview anchor pagebreak fullscreen insertdatetime media table emoticons forecolor backcolor']
menubar	菜单栏的配置	String	——	'file edit insert view format table'
height	编辑器的高度	Number	——	360
maxWidth	编辑器的宽度	Number	——	600

事件

名称	描述	回调参数
input	如果有节点变化初始此事件	编辑器中的内容