推荐个腾讯开源的github项目,足够惊艳
https://github.com/Tencent/cherry-markdown/blob/main/README.CN.md
不知道看到这篇文章的你是否有用到markdown,如果有,我建议你看完这篇文章,如果没有,那么我建议你看下这篇文章,或许你以后也会使用markdown来编辑文本。
不知道你认为markdown是怎样的?目前我使用markdown,可以满足如下一些要求:
- 提高文档创作效率
使用快捷的 Markdown 语法可以比纯文本编辑器写作更高效。一个好的编辑器可以自动生成 Markdown 格式,优化创作流程。
- 改善文档阅读体验
Markdown 生成的文档具有更好的格式和可读性。内置的阅读模式也能提供更舒适的阅读体验。
- 多端同步协作
基于云端的 Markdown 编辑器支持多设备实时协同编辑,使团队协作更顺畅。
- 丰富的扩展功能
可添加诸如代码高亮、 LaTeX 公式、流程图、思维导图等扩展,丰富文档表达。
- 出版发布一体化
一键发布 HTML、PDF、Word 等多种格式文档,轻松生成博客、电子书。
- 提升个人品牌形象
高质量文档展示能力,可以提升个人或组织的专业形象。
- 极简主义的写作体验
简洁的界面,消除干扰,专注写作内容本身。
所以一款专业的 Markdown 编辑器可以显著提升创作流程,使写作和协作更流畅高效。今天推荐的就是一款腾讯开源的markdown编辑器,或许不是最强大的,但是在某些方面确实有不错的体验
1 cherry-markdwown简介
Cherry Markdown Editor 是一款 Javascript Markdown 编辑器,具有开箱即用、轻量简洁、易于扩展等特点. 它可以运行在浏览器或服务端(NodeJs).
![](/assets/image/230816-2.6k star腾讯开源的Markdown编辑器,开箱即用、轻量简洁、易扩展-1.png)
2 如何安装呢?
可以直接体验网页端,如下地址:
https://tencent.github.io/cherry-markdown/examples/index.html
通过npm方式安装
npm install cherry-markdown --save
如果需要开启 mermaid 画图、表格自动转图表功能,需要同时添加mermaid 与echarts包。
目前Cherry推荐的插件版本为echarts@4.6.0、mermaid@8.11.1
建议安装如下插件
# 安装mermaid依赖开启mermaid画图功能
yarn add mermaid@8.11.1
# 安装echarts依赖开启表格自动转图表功能
yarn add echarts@4.6.0
3 软件特性或亮点
1 支持导出多种形式
![](/assets/image/230816-2.6k star腾讯开源的Markdown编辑器,开箱即用、轻量简洁、易扩展-2.png)
2 支持多种模式
- 双栏编辑预览模式(支持同步滚动)
- 纯预览模式
- 无工具栏模式(极简编辑模式)
- 移动端预览模式
3 支持作图
![](/assets/image/230816-2.6k star腾讯开源的Markdown编辑器,开箱即用、轻量简洁、易扩展-3.png)
4 复制 Html 粘贴成 MD 语法
5 Cherry Markdown 有多种样式主题选择
更多其他介绍,可以访问如下地址:
https://github.com/Tencent/cherry-markdown/blob/main/README.CN.md