程序员|任由文字肆意流淌,更自由的开源 Markdown 编辑器

文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
对于创作平台来说内容编辑器是十分重要的功能 , 强大的编辑器可以让创作者专注于创作“笔”下生花 。 而最好取悦程序员创作者的方法之一就是支持 Markdown 写作 , 因为大多数程序员都是用 Markdown 来写文章 。
Markdown 作为程序员写作的心头爱 , 有很多优点:
- 通过语法实现排版 , 不需要点选手动设置样式
- 快速实现复杂内容 , 如:代码块、超链接、公式等
- 让创作者有更多时间专注于内容
- 有一定的学习门槛 , 对于非程序员不太友好
- 看原文档就像看“代码” , 预览效果需要工具或编辑器支持
Typora 直接使用完全没有问题 , 但由于它没有开源 。 如果想在自己的项目实现类似的 Markdown 编辑器 , 就需要另寻方案了 。
如果你正在寻找功能强大、易于接入、所见即所得的 Markdown 编辑器、组件、插件 , 就请花 5 分钟读完本文!
接下来 HelloGitHub 带来的开源项目完全满足上述需求 。 Milkdown 一款高颜值+自由(插件)的所见即所得 , 集合 Markdown 编辑器、组件、插件于一身的开源项目 。
你想要的功能它都有 , 不要的功能也可以通过删减插件 , 减少体积 。 插件的设计思想+完善的中文文档 , 让你分分钟定制出最适合自己的 Markdown 编辑器!
下面跟着项目作者一起来感受 Milkdown 的魅力吧 。
一、上手【程序员|任由文字肆意流淌,更自由的开源 Markdown 编辑器】下面提供了 2 种方式 , 可直接体验:
在线尝试、VS Code 插件1.1 功能展示方便的编写表格:
直接粘贴和复制 Markdown 文本:
甚至协同编辑:
双栏 Markdown 编辑器很常见 。 但双向绑定的 Markdown 编辑器 , 目前仅此一家:
功能方面就介绍这么多 , 下面用 Milkdown 轻松实现个编辑器 。
1.2 第一个编辑器Milkdown 的核心以及各种插件都是独立的 NPM 包 , 可以直接通过 NPM 来进行安装 。
我们先使用make 来初始化编辑器 , 然后使用use 来加载插件 , 最后使用create 来创建编辑器 。
1.3 丰富的插件插件是 Milkdown 的核心 , 它本质上就是一个插件加载器 , 一切功能都是通过插件来提供的 。 表格是一个插件、主题是一个插件、甚至一行简单的文本也是一个插件 。
目前官方已经提供了许多插件 , 确保可以开箱即用 。 下面仅列举了部分插件:
也可以自己动手编写插件 , 更多详情
二、技术栈Milkdown 基于下面的工具实现:
- 百度地图|Java程序员应知应会之Maven和Gradle的区别
- 程序员|俄罗斯传来新消息,无法更新微软系统,国产操作系统崛起的机会?
- PHP|PHP到底适不适合做大型网站?
- 程序员|出国求职的中年程序员:焦虑缓解了,新问题也来了
- 程序员坚称AI「有人格」后,人们开始呼吁“AI的命也是命”
- 5月27日|味文字之美,尽享读书之乐-南京试剂举办团员青年同台读书活动
- 程序员|比某些旗舰机待遇还好!OPPO这款入门机型已开启安卓12公测招募
- 程序员|程序员多次跳槽后,月工资和普通打工者一年工资差不多,让人羡慕
- 科技创新|为什么俄罗斯一家互联网巨头都没有,却有大量的顶级程序员?
- 小米科技|非科班程序员入职后,如何通过试用期?做到以下五点转正不愁:
