Draftjs
约 1 分钟阅读
标签：Deprecated
新项目不再建议使用，使用 lexical笔记lexicalfacebook/lexical · MIT, FlowJS · by Facebook · React 体验 · EditorState single source of truth · reconcile DOM · 纯 JS 可使用 · 基于 contentEditable打开：/notes/web/editor/lexical
- facebook/draft-jsGitHubfacebook/draft-js
- 特点
- 原生 React
- Facebook 开源使用
- 基于 contentEditable
- 支持自定义组件
- 样式是预定义映射为 css style
- 以编辑文本内容为主
- 包含预定义样式和渲染
- 状态不可变 - immutable.js
- 受控组件实现编辑 - API Basics
- 注意
- 移动端支持有问题 Mobile Not Yet Supported
- 开发
- Draft default block render map
- 固有一些 block 元素 - 可自定义渲染
- Draft default block render map
关联信息
反向链接、本文链接的其他页面和外部资料。
反向链接
- Editor Awesome笔记 · draft.js
推荐👍 Lexical, Tiptap, QuillJS · React 优先建议选择 Lexical，否则考虑 tiptap/prosemirror · prosemirror · 实现 Editor 的基础库 · tiptap · Hufe921/canvas-editor
站内链接
- lexical笔记 · lexical
facebook/lexical · MIT, FlowJS · by Facebook · React 体验 · EditorState single source of truth · reconcile DOM · 纯 JS 可使用 · 基于 contentEditable
参考资料
GitHub1 条
- facebook/draft-jsgithub.com/facebook/draft-js
其他外链3 条
- draftjs.org/docs/advanced-topics-custom-block-render-mapdraftjs.org/docs/advanced-topics-custom-block-render-map
- draftjs.org/docs/advanced-topics-issues-and-pitfallsdraftjs.org/docs/advanced-topics-issues-and-pitfalls
- draftjs.org/docs/quickstart-api-basicsdraftjs.org/docs/quickstart-api-basics