这大概是“所见即所得”Markdown 吧（ V2EX 上也能用 ）

[laobubu]

在网页上（包括 V2EX ）也能实现所见即所得 Markdown ！

昨天下午看见有一个帖子 有什么好用的 markdown 的所见即所得编辑器，大多数推荐的是 Typora （应用程序）、 VSCode 和各种网页端左右对照的玩意儿（虽然严格地说不是 WYSIWYG Markdown ）。

我去年年底开了一个新坑，做的也是所见即所得Markdown 。

不知道有没有人还记得我的那只 MarkdownIME。但是那个玩意儿其实是输入法来着的，输出的直接是 HTML ，不是 Markdown 。然而现实情况中好像更需要 Markdown <=> 结果 这种方式。

所见即所得 Markdown

这个新坑 HyperMD 能够在网页端实现真的所见即所得 Markdown ，而且还能够自由在 Markdown 和预览之间切换（见在线体验页面）。

在线体验、源码

• 在线体验地址：https://demo.laobubu.net/ (临时)
• 源代码 @ GitHub ：https://github.com/laobubu/HyperMD
• 你也可以在 V2EX 发帖界面体验 HyperMD
• 欢迎打赏我一杯咖啡： https://laobubu.net/donate.html
• ……也欢迎将此项目分享给更多人 [^1]

[^1]: 不是前端圈子的我应该只会在 V2EX 上发布一下这玩意儿了。

功能

功能包括但不限于：

1. 在同一个输入框实时写作和预览 Markdown
   • 粗体, 斜体, ~~删除线~~, Code
   • 链接, 图像, 脚注
   • 代码块、引用块、标题
   • 列表（有序，无序，嵌套， TO-DO 勾选框）
   • MathJax 公式，包括 行内公式 和 公式块（使用 $ 或 $$ 包围）
2. Alt+Click 以跟踪链接和脚注
3. 语法高亮 支持超过 120 种语言的代码块
4. 鼠标悬停 以阅读脚注信息
5. 可复用大量的 CodeMirror 代码、扩展程序 以及一些主题。

在 V2EX 发布主题界面的演示

打开发帖界面，在地址栏输入

javascript:void($.getScript('https://goo.gl/MvrjGQ'))

然后回车，等几秒钟就 ok 了。把这个地址保存为书签（ Bookmarklet ）使用更佳。

[uzumaki]

支持一下

[blueset]

赞一个！

[qq234il]

好赞，个人觉得鼠标 hovor 上去的时候变 markdown 格式会更方便，不知道这个提议如何

[laobubu]

r#43 @qq234il 额，不能脑补出来…… 感觉那样子意义不大吧。

[aleung]

效果不错，有点像 Typora 。不知道有没有可能做成浏览器插件或者油猴脚本，支持所有接受 markdown 输入的网站输入框？

[laobubu]

r#45 @aleung 完全可行

[shanlan]

~~深圳~~