@alasq/quill-wrapper-vue
v0.0.3
Published
将vue组件转换成quill富文本编辑器的 formats
Readme
quill-wrapper-vue
描述
将vue组件转换成quill富文本编辑器的 formats
使用
import Quill from "quill";
import "quill/dist/quill.snow.css";
import wrapper from "quill-wrapper-vue";
import HelloWorld from "./components/HelloWorld.vue"
Quill.register(wrapper(HelloWord),true);
let editor=new Quill('.editor',{
theme:'snow'
})
editor.insertEmbed(0,HelloWorld.name,{msg:'Hello Vue 3 + TypeScript + Vite'})
注意
- vue 组件中的scoped样式会失效，最好改成行内样式，或者全局样式
- 由于使用的是 BlockEmbed 来封装的，只能达到显示效果，后面会考虑如何让getContents拿到数据