当前位置: 首页 > 科技观察

艰难的!Tiptap

时间:2023-03-19 20:02:13 科技观察

,一款基于Vue的免渲染富文本编辑器简介tiptap编辑器基于Prosemirror,完全可扩展,免渲染。自定义节点可以很容易地添加为Vue组件。Githubhttps://github.com/scrumpy/tiptap为什么要用tiptap?市场上有很多富文本编辑器,但其中的大多数可能无法满足您的需求。编辑器应该易于扩展,不应基于jQuery等遗留依赖项。对于React,已经有一个名为Slate.js的优秀编辑器,它的模块化令人印象深刻。Tiptap基于Prosemirror进行扩展开发。基于Prosemirror(富文本工具包)开发的公司并不多。无渲染怎么理解?使用无渲染组件(功能组件),您(几乎)可以完全控制标记和样式。菜单的外观或其在DOM中的显示位置。这完全取决于用户。安装使用安装npminstalltiptap#或者yarnaddtiptap使用演示截图下面是一组来自官网的演示截图:BasicUseMenuBubbleFloatingMenuAddLinkImage隐藏菜单栏点击隐藏菜单栏To-dolistformtableSearchandReplacementinputsuggestionquicksupportMarkdown代码高亮高亮历史记录只读嵌入placeholder焦点可通过前后端搭配实现协同编辑标题最后一段可以理解为图片解释等,并可以灵活的用于导出html和jsonProseMirror简介ProseMirror是一个用于在web应用程序之上构建富文本编辑器的工具包,具有处理Markdown和经典WYSIWYG(所见即所得)编辑器的视图。它通过实施所见即所得式编辑界面来实现这一点,使文档比纯HTML更具约束性和结构化。编辑器创建的文档的形状和结构可以根据应用程序的需要进行定制和裁剪。https://github.com/prosemirror总结Tiptap是一个相当不错的富文本编辑器。其非渲染特性和可实现的协同编辑使其扩展更加方便!好好享受!