prosemirror

tiptap parseHTML renderHTML 使用

这两个方法允许你定义如何将HTML解析为ProseMirror文档节点以及如何将ProseMirror的文档节点渲染为HTML。
曹天骄·2024-09-12 12:38

ProseMirror - 模块化的富文本编辑框架

Prosemirror编辑器，Prosemirror作者在2015年正式开源前
lijiaxunOuO·2024-01-23 01:33

prosemirror 学习记录（一）schema

初始化vite项目pnpmcreateviteframework-vue,variant-JavaScript初始化eslintnpminit@eslint/config最简单的schemanodes中必须包含顶级节点和文本节点。顶级节点默认为doc（可通过topNode修改）。文本节点为textconstmySchema=newSchema({nodes:{//content的语法和正则类似。t
呀呀夫斯基·2023-10-26 11:23

prosemirror 学习记录（二）创建 apple 节点

appletype向schema中添加appletypeconstnodes={apple:{inline:true,attrs:{name:{default:"unknown"},},group:"inline",draggable:true,parseDOM:[{tag:"span[custom-node-type=apple]",getAttrs(dom){return{name:dom.g
呀呀夫斯基·2023-10-26 11:23

prosemirror 学习记录（三）tooltip

prosemirrorTooltipexample自己写的版本：import{Plugin}from"prosemirror-state";exportconstMyTooltipPlugin=newPlugin
呀呀夫斯基·2023-10-26 11:23

prosemirror 学习记录（四）decoration

使用decorations使用props-decorations()添加decorations写一个简单的插件：高亮所有apple节点exportconstMyHighlightApplesPlugin=newPlugin({props:{//view每次变化都会执行decorations方法decorations(state){letarrs=[];state.doc.descendants((
呀呀夫斯基·2023-10-26 10:11

还在写业务代码？高级程序员已经开始写自己的编辑器了

老鹰书作者的编辑器开山之作，充分集成了Unix系统设计的精华，践行稳定、高性能内核设计+灵活的插件扩展机制，是继CodeMirror代码编辑器后，又一优秀的前端富文本编辑器开源项目，业界很多知名产品使用Prosemirror
·2021-09-14 20:34

WYSISYN编辑器 Prosemirror 入门

为什么选择prosemirror编辑器一向是前端领域的一个难点，一款成熟的编辑器，需要涉及许多方面的东西。
weixin_33895475·2020-09-13 10:25

强悍！基于Vue的无渲染的富文本编辑器——tiptap！

介绍tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。
Hotice888·2020-07-15 17:31
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他