1.1.2 • Published 6 months ago

vue3-wangeditor-easy v1.1.2

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

wangeditor-vue

基于vue3.x和wangeditor二次封装

安装

  npm i wangeditor-vue -S

使用

一、全局使用

import wangeditor from 'wangeditor-vue'
Vue.use(wangeditor)

二、按需引入

<template>
  <div>
    <wangeditor v-model="content" disabled />
  </div>
</template>

<script>
import wangeditor from 'wangeditor-vue'
export default {
  components: { wangeditor },
  data () {
    return {
      content: '<p>1212121<br>ww</p>'
    }
  }
}
</script>

Props

方法名说明备注
v-model编辑器内容方便设置和获取值
disabled禁用编辑器-
openXss开启xss防护开启后从v-model中获取的值会被专业的工具 xss 过滤恶意脚本
config编辑器配置示例{ height:500 },具体可以查看 wangeditor 的配置项

Event

事件名说明参数
onChang编辑器内容变化function(html)
1.1.2

6 months ago