JEditor - xinwu-yang/cube-vue GitHub Wiki

JEditor 富文本编辑器组件

富文本编辑器组件。

代码演示

<template>
	<j-editor v-model="value" />
</template>
<script>
	export default {
    data() {
      return {
        value: ''
      }
    }
  }
</script>

api

props

属性 说明 类型 必填 默认值
value(v-model) 值 string
triggerChange 是否触发change事件 boolean
disabled 是否禁用 boolean false
plugins tinymce插件 string | array 'lists image link media table textcolor wordcount contextmenu fullscreen'
toolbar tinymce工具栏 string | array 'undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists link unlink image media table | removeformat | fullscreen'

事件

事件名称 说明 回调参数
onClick 点击事件 function(e, tinymce)
change 值变化时调用(triggerChange为true) function(value)
input 值变化时调用 function(value)
⚠️ **GitHub.com Fallback** ⚠️