框架与类库:Tiptap
Tiptap 是一个基于ProseMirror 构建的富文本编辑器,它是一个灵活、可扩展的富文本编辑器,同时适用于Vue.js 和React。 所以,无论你的技术栈是Vue,还是React,使用Tiptap都不用太过于在选型上纠结。
从“截图大法”到真实交互:B站专栏视频卡的技术革命
B站富文本编辑器从Quill迁移到ProseMirror,彻底告别用Canvas伪造卡片的"截图大法"。新架构基于文档树模型,通过NodeView实现真实交互组件,支持视频卡等复杂节点的动态渲染。优化方案包含批量解析、三级缓存和播放器实例池,既保障插入速度又控制运行时性能。最终实现真正的所见即所得,为未来扩展互动组件打下基础。
How to upload or disable pasting images in Tiptap
Once you add the Image extension to the Tiptap WYSIWYG editor, users can paste images in from HTML and the clipboard. That may (or may not be) what you want to happen. Here's how I handled image…
Adding drag and drop image uploads to Tiptap
Need to be able to drag and drop image files into your Tiptap WYSIWYG editor? Tiptap is highly customisable, so let's add some drag-and-drop magic to the Image extension.
- «
- 1
- »