Comments (7)
感谢反馈(而且是本项目第一个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.
9p7CMs1ti7.mp4
没有对比就没有干劲。
来,感受一下所见即所得。
你们展示的所见即所得能力太原始了。。。
from cherry-markdown.
嗯,所见即所得有两种解法:
CherryMarkdown 在往第一个解法走(目前还不是,还是双栏编辑预览),第一个解法好处是能够保留md的源码,从而保留了md的诸多优势(如易于传输、易读易写)。另外有些语法(功能)也不太适合所见即所得编辑,比如公式
、流程图
,出于这类语法的考虑,我们还是会保留md源码。
作为一款markdown编辑器,我们首先要做到语法能力的专业(面向高手),然后我们再在预览区域所见即所得编辑方面继续增强(面向新手)。这个思路在腾讯内部得到了验证,已有多款产品接入了CherryMarkdown(toC的有腾讯文档(正在联调中)、toB的有TAPD(已上线)乐享(已上线),组件类的有腾讯灯塔(已内部发布)),腾讯内部有多款产品接入CherryMarkdown并提供md编辑能力已长达16个月,在内部收获了不错的口碑,因而才有机会完善后对外开源。
所以接下来我们会继续按照这个思路去开发,我们会投入主要精力在语法丰富度、扩展能力、性能、开箱即用方面继续深挖和优化,当然也会投入一定精力在预览区所见即所得编辑能力方面继续探索和实现。
from cherry-markdown.
嗯,所见即所得有两种解法:
CherryMarkdown 在往第一个解法走(目前还不是,还是双栏编辑预览),第一个解法好处是能够保留md的源码,从而保留了md的诸多优势(如易于传输、易读易写)。另外有些语法(功能)也不太适合所见即所得编辑,比如
公式
、流程图
,出于这类语法的考虑,我们还是会保留md源码。 作为一款markdown编辑器,我们首先要做到语法能力的专业(面向高手),然后我们再在预览区域所见即所得编辑方面继续增强(面向新手)。这个思路在腾讯内部得到了验证,已有多款产品接入了CherryMarkdown(toC的有腾讯文档(正在联调中)、toB的有TAPD(已上线)乐享(已上线),组件类的有腾讯灯塔(已内部发布)),腾讯内部有多款产品接入CherryMarkdown并提供md编辑能力已长达16个月,在内部收获了不错的口碑,因而才有机会完善后对外开源。 所以接下来我们会继续按照这个思路去开发,我们会投入主要精力在语法丰富度、扩展能力、性能、开箱即用方面继续深挖和优化,当然也会投入一定精力在预览区所见即所得编辑能力方面继续探索和实现。
通常来讲,我看待一个编辑器的角度主要看场景,如果是纯粹的使用,那么会非常在意交互体验感,例如飞书羽雀等;如果是像这种开源作为开发接入,我更加的侧重点是 API,可拓展性等是否友好,曾经一度想找一个 即支持Markdown源码,又兼顾所见即所得,个人觉得这个项目在这方面的API能力和拓展API支持的相当好了,需要更多的交互功能,就看时间和社区的贡献了,非常看好这个编辑器的设计,加油。
from cherry-markdown.
古腾堡仍然有很多缺陷,但是思路上是ok的。最佳的国产编辑器体验,飞书 和 语雀都是不相伯仲的。
from cherry-markdown.
这个得点赞, 古腾堡才是次世代编辑器
from cherry-markdown.
作为普通用户,谁会关心正确的markdown语法是什么呢?死记硬背吗?
Markdown编辑器,一样可以做成可见即所得的效果。
你可以输Markdown,也可以点鼠标插入对应的 功能区块,二合一。
对于新手,高手,全面兼容。。。
from cherry-markdown.
Related Issues (20)
- [Feature Request] Pro 版本大概啥时候出来,我看之前规划的话大概是2年前了,像简单表格,echarts渲染表格好像都还没有支持 HOT 2
- 克隆仓库到本地问题 HOT 4
- Render Ordered item with Tailwind CSS
- [Client] 发布后的MarkDown文档在前端页面的渲染方法问题, HOT 3
- [Bug Report] showToolbar功能失效 HOT 2
- [Feature Request] Allow registering other locales
- [Bug Report] Toggling between preview only to editor only mode results in an error
- [Bug Report] Firefox 浏览器复制粘贴多个图片时,每次只能粘贴一张
- [Feature Request] 如果父或以上的 dom 有 transform 属性的话就没法全屏了
- [Others] node获取之后的html ,进行css样式引入 HOT 2
- [Others] 如何禁用联想面板? HOT 3
- [VSCode Plugin] 加载本地相对路径图片显示错误
- draw.io 引入问题 HOT 2
- video自定义视频播放器 HOT 2
- [Bug Report] 光标位置报错 HOT 2
- 预览点击事件无效 HOT 1
- [Bug Report] 编辑&预览模式下,a标签有问题 HOT 4
- [Bug Report] 右侧编辑列表过程中, 输入回车后, 再次编辑此列表, 数据会异常 HOT 1
- [Bug Report] 调用cherryInstance.setValue方法的时候,进入页面出现异常
- [Others] 在toolbar中未添加drawIo时, 如何使用api方式调用drawIo HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cherry-markdown.