跳至正文
Wener Notes

编辑器

约 1 分钟阅读

Editor

基于 Web 的编辑器分为几个层次

  • 增强 textarea - 例如 mention
  • 基于 contentEditbale - 富文本编辑器 - WYSIWYG - 所见即所得
    1. 直接实现编辑功能
    2. core+render
  • Block Editor
  • DnD Designer
  • 代码编辑器 - 高亮
  • 文本处理器 - Canvas

RTE 功能也分为很多层次

  • 基础 - mention, hashtag, link, emoji
  • 文章 - medium、ghost、wordpress
  • WYSIWYG - CMS、RCT
  • 协作编辑

关联信息

反向链接、本文链接的其他页面和外部资料。

站内链接

  • Editor Awesome
    笔记 · Awesome

    推荐👍 Lexical, Tiptap, QuillJS · React 优先建议选择 Lexical,否则考虑 tiptap/prosemirror · prosemirror · 实现 Editor 的基础库 · tiptap · Hufe921/canvas-editor

  • Editor FAQ
    笔记 · FAQ

    Block 之间的 virtual 位置 · https://twitter.com/nikitonsky/status/1649093609151684608 · https://curvenote.github.io/prosemirror-codemark/

最近更新commit 81de749编辑