对于创作平台来说内容编辑器是十分重要的功能|任由文字肆意流淌，更自由的开源 Markdown 编辑器

文章图片
对于创作平台来说内容编辑器是十分重要的功能，强大的编辑器可以让创作者专注于创作“笔”下生花。而最好取悦程序员创作者的方法之一就是支持Markdown写作，因为大多数程序员都是用Markdown来写文章。

文章图片
Markdown作为程序员写作的心头爱，有很多优点：通过语法实现排版，不需要点选手动设置样式快速实现复杂内容，如：代码块、超链接、公式等让创作者有更多时间专注于内容
【对于创作平台来说内容编辑器是十分重要的功能|任由文字肆意流淌，更自由的开源 Markdown 编辑器】但，同样的也有些缺点：有一定的学习门槛，对于非程序员不太友好看原文档就像看“代码” ，预览效果需要工具或编辑器支持
那有没有能够即保留Markdown带来的便利，同时又降低门槛的办法呢？大多数老玩家会脱口而出：Typora

文章图片
Typora直接使用完全没有问题，但由于它没有开源。如果想在自己的项目实现类似的Markdown编辑器，就需要另寻方案了。
如果你正在寻找功能强大、易于接入、所见即所得的Markdown编辑器、组件、插件，就请花5分钟读完本文！
接下来HelloGitHub带来的开源项目完全满足上述需求。 Milkdown一款高颜值+自由（插件）的所见即所得，集合Markdown编辑器、组件、插件于一身的开源项目。

文章图片
https://github.com/Saul-Mirone/milkdown
你想要的功能它都有，不要的功能也可以通过删减插件，减少体积。插件的设计思想+完善的中文文档，让你分分钟定制出最适合自己的Markdown编辑器！

文章图片
下面跟着项目作者一起来感受Milkdown的魅力吧。
一、上手
下面提供了2种方式，可直接体验：

文章图片
在线尝试：https://milkdown.dev/#/online-demo
VSCode插件：https://marketplace.visualstudio.com/items?itemName=mirone.milkdown
1.1功能展示
方便的编写表格：

文章图片
直接粘贴和复制Markdown文本：

文章图片
甚至协同编辑：

文章图片
双栏Markdown编辑器很常见。但双向绑定的Markdown编辑器，目前仅此一家：

文章图片
功能方面就介绍这么多，下面用Milkdown轻松实现个编辑器。
1.2第一个编辑器
Milkdown的核心以及各种插件都是独立的NPM包，可以直接通过NPM来进行安装。 npmi@milkdown/core@milkdown/preset-commonmark@milkdown/theme-nord
上手也十分简单：import{Editor}from'@milkdown/core';import{nord}from'@milkdown/theme-nord';import{commonmark}from'@milkdown/preset-commonmark';Editor.make().use(nord).use(commonmark).create();
我们先使用make来初始化编辑器，然后使用use来加载插件，最后使用create来创建编辑器。

文章图片
1.3丰富的插件
插件是Milkdown的核心，它本质上就是一个插件加载器，一切功能都是通过插件来提供的。表格是一个插件、主题是一个插件、甚至一行简单的文本也是一个插件。