Giter Club home page Giter Club logo

Comments (7)

sunsonliu avatar sunsonliu commented on May 7, 2024 3

感谢反馈(而且是本项目第一个issue)

我来试着解答下

编辑器种类不同

markdown(后面简称md)编辑器和富文本编辑器在编辑体验和语法能力上还是有比较大的差异的。

md编辑器需要所有出现在预览区的html内容都要有对应的语法进行描述(比如标题、列表、表格、代码块等),因此md编辑器一般会由三部分组成:编辑区、预览区、md解析引擎。最直观的,github的issue编辑框就是一个md编辑器,也是由这三部分+一个工具栏组成的。

编辑器侧重点不同

md类编辑器最重要的是md解析引擎,侧重是把用户的纯文本输入解析渲染成html;富文本编辑器则需要用户关注样式(并自定义样式)

衡量一个md编辑器“好/坏”的标准,一般是看md解析引擎是否足够强大,是否能够支持各种语法能力(比如视频、公式、画图等),因此CherryMarkdown在实现之初重点工作就是要实现一个语法足够丰富支持自由扩展的md解析引擎。而富文本编辑器则没有md语法能力的限制,因此在实现富文本编辑器时会更加关注功能交互。

殊途同归

目标相同,在路上

不论是md编辑器,还是富文本编辑器,大家的目的是一样的,都是在帮助用户快速、高效地书写出美观、丰富的文档。

  • 在所见即所得交互能力方面
    CherryMarkdown在所见即所得编辑方面也在进行探索,目前实现了图片尺寸的所见即所得编辑,后面我们也将不断的丰富预览区域所见即所得编辑能力,会逐步实现表格、段落等所见即所得编辑能力。我们会关注业界优秀富文本编辑器(如腾讯文档、古腾堡、notion等)的交互设计和设计思路,力争通过合作共建的方式逐步丰富这块的交互能力。
  • 在功能能力方面
    CherryMarkdown目前已实现了所有通用md语法并实现了诸如表格图表、字体样式、图片对齐方式等业界独有的语法能力,在后续的规划中,我们主要精力便是继续丰富这里的语法能力,后续会实现手风琴、插入draw.io等第三方画布等功能。

最后

感谢关注CherryMarkdown,欢迎大家一起来共建,我们一起来做好一款开箱即用、功能丰富、易于扩展的markdown编辑器组件~

from cherry-markdown.

 avatar commented on May 7, 2024 1
9p7CMs1ti7.mp4

没有对比就没有干劲。
来,感受一下所见即所得。

你们展示的所见即所得能力太原始了。。。

from cherry-markdown.

sunsonliu avatar sunsonliu commented on May 7, 2024 1

嗯,所见即所得有两种解法:

  1. markdown编辑器,预览区域支持所见即所得编辑,比如typora
  2. 富文本编辑器,支持markdown快捷键,比如腾讯文档

CherryMarkdown 在往第一个解法走(目前还不是,还是双栏编辑预览),第一个解法好处是能够保留md的源码,从而保留了md的诸多优势(如易于传输、易读易写)。另外有些语法(功能)也不太适合所见即所得编辑,比如公式流程图,出于这类语法的考虑,我们还是会保留md源码。
作为一款markdown编辑器,我们首先要做到语法能力的专业(面向高手),然后我们再在预览区域所见即所得编辑方面继续增强(面向新手)。这个思路在腾讯内部得到了验证,已有多款产品接入了CherryMarkdown(toC的有腾讯文档(正在联调中)、toB的有TAPD(已上线)乐享(已上线),组件类的有腾讯灯塔(已内部发布)),腾讯内部有多款产品接入CherryMarkdown并提供md编辑能力已长达16个月,在内部收获了不错的口碑,因而才有机会完善后对外开源。
所以接下来我们会继续按照这个思路去开发,我们会投入主要精力在语法丰富度、扩展能力、性能、开箱即用方面继续深挖和优化,当然也会投入一定精力在预览区所见即所得编辑能力方面继续探索和实现。

from cherry-markdown.

liujunzheng avatar liujunzheng commented on May 7, 2024 1

嗯,所见即所得有两种解法:

  1. markdown编辑器,预览区域支持所见即所得编辑,比如typora
  2. 富文本编辑器,支持markdown快捷键,比如腾讯文档

CherryMarkdown 在往第一个解法走(目前还不是,还是双栏编辑预览),第一个解法好处是能够保留md的源码,从而保留了md的诸多优势(如易于传输、易读易写)。另外有些语法(功能)也不太适合所见即所得编辑,比如公式流程图,出于这类语法的考虑,我们还是会保留md源码。 作为一款markdown编辑器,我们首先要做到语法能力的专业(面向高手),然后我们再在预览区域所见即所得编辑方面继续增强(面向新手)。这个思路在腾讯内部得到了验证,已有多款产品接入了CherryMarkdown(toC的有腾讯文档(正在联调中)、toB的有TAPD(已上线)乐享(已上线),组件类的有腾讯灯塔(已内部发布)),腾讯内部有多款产品接入CherryMarkdown并提供md编辑能力已长达16个月,在内部收获了不错的口碑,因而才有机会完善后对外开源。 所以接下来我们会继续按照这个思路去开发,我们会投入主要精力在语法丰富度、扩展能力、性能、开箱即用方面继续深挖和优化,当然也会投入一定精力在预览区所见即所得编辑能力方面继续探索和实现。

通常来讲,我看待一个编辑器的角度主要看场景,如果是纯粹的使用,那么会非常在意交互体验感,例如飞书羽雀等;如果是像这种开源作为开发接入,我更加的侧重点是 API,可拓展性等是否友好,曾经一度想找一个 即支持Markdown源码,又兼顾所见即所得,个人觉得这个项目在这方面的API能力和拓展API支持的相当好了,需要更多的交互功能,就看时间和社区的贡献了,非常看好这个编辑器的设计,加油。

from cherry-markdown.

 avatar commented on May 7, 2024

古腾堡仍然有很多缺陷,但是思路上是ok的。最佳的国产编辑器体验,飞书 和 语雀都是不相伯仲的。

from cherry-markdown.

97zhaodashuai avatar 97zhaodashuai commented on May 7, 2024

这个得点赞, 古腾堡才是次世代编辑器

from cherry-markdown.

 avatar commented on May 7, 2024

作为普通用户,谁会关心正确的markdown语法是什么呢?死记硬背吗?
Markdown编辑器,一样可以做成可见即所得的效果。
你可以输Markdown,也可以点鼠标插入对应的 功能区块,二合一。
对于新手,高手,全面兼容。。。

from cherry-markdown.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.