Element Tiptap Editor 一个 Vue.js 的基于 tiptap 和 element-ui 的 「所见即所得」 富文本编辑器,当设置 readonly 属性为 true 时,编辑器是不可编辑的。
Demo
👉element-tiptap: element-tiptap
然而,编辑器的扩展插件 Image,点击时依然可以弹出上方的气泡菜单。
经查阅官方文档后,发现 Image 扩展只接收两个参数。 👉Extension documentation · Issue #107 · Leecason/element-tiptap · GitHub
文档没有提供相应的属性和事件,并且气泡菜单只有点击图片时才出现,单纯只用 css 控制不了,最终 用 Js 监听事件结合 css 控制处理。