@sumdoo/pro-wangeditor

基于 wangeditor 实现的 Vue3 富文本编辑器，扩展异步创建使用。

使用方式

• 组件方式

import { SdProEditorToolbar, SdProEditor } from '@sumdoo/pro-wangeditor'
import { shallowRef, ref } from 'vue'

const editor_ref = shallowRef() // @wangeditor/editor 该库要求必须使用 shallowRef
const html = ref('')
function onEditorCreated(editor: any) {
    editor_ref.value = editor
}

<div class="editor" >
    <SdProEditorToolbar :editor="editor_ref" />
    <SdProEditor
        v-model="html"
        style="height: 400px;"
        @created="onEditorCreated"
    />
</div>

• Hook 方式

import { useWangEditor } from '@sumdoo/pro-wangeditor'
import { ref } from 'vue'

const toolbar_ref = ref()
const editor_ref  = ref()
const html        = ref('')
useWangEditor({
    toolbar    : toolbar_ref,
    editor     : editor_ref,
    modelValue : html,
    mode: 'simple'
})

<div class="editor" >
    <div ref="toolbar_ref" />
    <div ref="editor_ref" style="height: 400px;" />
</div>