import Ckeditor from ‘XXXX’
Vue.component('AvueUeditor', Ckeditor)
1.直接全局引入组件 并且将名称注册成AvueUeditor(avue二次封装的一个富文本,使用这个名字可以减少代码改动量)
2.找到自己对应的组件
会传入props:
options: { // avue传过来的配置都在这个options里面 就是columns里面的对应富文本配置
type: Object,
default: () => {
return {}
},
},
value: { // 这个是v-model绑定的值 在回显的时候值会在这里
type: String,
default: '',
},
3. 在mounted的时候将value赋值给对应的富文本 这里调用你的富文本赋值api
4. 调用你的富文本api获取html,然后通过emit将内容抛出去 就实现了avue 自定义富文本的功能:
const str = ‘<p>获取到的html</p>’
this.$emit('input', str)
this.$emit('change', str)