文章图片

文章图片
对于创作平台来说内容编辑器是十分重要的功能 ， 强大的编辑器可以让创作者专注于创作“笔”下生花 。而最好取悦程序员创作者的方法之一就是支持 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
VS Code 插件：https://marketplace.visualstudio.com/items?itemName=mirone.milkdown
1.1 功能展示
方便的编写表格：

文章图片

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

文章图片

文章图片
甚至协同编辑：

文章图片

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

文章图片

文章图片
功能方面就介绍这么多 ， 下面用 Milkdown 轻松实现个编辑器 。
1.2 第一个编辑器
Milkdown 的核心以及各种插件都是独立的 NPM 包 ， 可以直接通过 NPM 来进行安装 。npm i @milkdown/core @milkdown/preset-commonmark @milkdown/theme-nord

• 快手上怎么发纯文字作品（快手动态只发文字步骤讲解）
• Win11 Build 22533.1001 预览版出现大量文字乱码 Bug
• 让计算机读懂文字背后的隐藏含义
• qq拍一拍怎么设置好玩的文字（qq拍一拍设置文字方法详解）
• 小红书纯文字笔记怎么发（小红书笔记发布操作流程）
• 迄今为止，我国历史上第一个有直接文字记载的王朝是（蚂蚁庄园7月7日每日一题答案）
• 迄今为止我国历史上第一个有直接文字记载的王朝是
• 小鸡宝宝考考你，迄今为止，我国历史上第一个有直接文字记载的王朝是7月7日蚂蚁庄园答题
• 大镖客猪八戒的武器路牌上的英文字母是？（王者荣耀7月1日每日一题答案）
• 微信纯文字朋友圈怎么发（微信纯文字朋友圈发布操作流程）