Editor FAQ

• Block 之间的 virtual 位置
  • twitter.com/nikitonsky/status/1649093609151684608
  • curvenote.github.io/prosemirror-codemark
  • facebook/lexical/discussions/5219
• EditContext API
  • w3c/edit-context
  • caniuse.com/mdn-api_editcontext
    • Chrome 121+

yjs vs automerge

• yjs/yjs
  • 构建协作富文本编辑器
• automerge/automerge
  • 通用状态合并
• 参考
  • yjs vs automerge #145

Lexical vs TiptapV2 vs DraftJS vs SlateJS

• lexical -
  • reconcile dom
  • 体积小
  • 借鉴 Draft, Slate, ProseMirror 实现
  • 默认支持 Markdown
  • 基础体验比 tiptap 好
    • TextNode 支持 format、style - 在 tiptap 里需要很多 extension
  • 不够成熟
    • 部分功能欠缺 - draggable block
    • 社区生态
• tiptap - starter-kit + 80kB @tiptap/react (@popperjs/core,tippy.js)
  • 基于 prosemirror
    • 生态好
    • 基础体积大
    • 更加 low level - 基础格式语义也要通过 Extension 实现
      • schema 可扩展
  • tiptap v1 vue -> tiptap v2 + binding
  • React 体验弱于 lexical
  • 可能需要和 prosemirror 打交道
    • 学习曲线高
  • 依赖大量 Extension
• SlateJS -
  • 开发不活跃
  • 原生 React
• DraftJS -
  • Web 早期 - contentEditable 跨浏览器不好，很多额外处理
  • React 早期 - 对 React 18+ 不友好 - 性能差
  • ImmutableJS didn't scale well

处理从 MS Word 粘贴的问题

• 读取 text/rtf，解析内容，转换

osascript -e 'the clipboard as record' | less

• codex-team/editor.js#729

Modeline

# vim: ts=2 sw=2 et

• vim vim.wikia.com/wiki/Modeline_magic

Frontmatter

---
title: abc
---

• jekyllrb.com/docs/front-matter
• gohugo.io/content-management/front-matter
• docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-docs
• jonschlinkert/gray-matter

PromseMirror vs Slate

• PromseMirror
  • DOM 优先
  • 有 Schema
  • 光标使用 整数 绝对定位
  • 支持更复杂的选区
• Slate
  • React 优先
  • 无 Schema
  • 光标 path+offset