JEditor

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)