这大概是“所见即所得”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 ）使用更佳。

[nolo]

支持 你要不要做个国内镜像？

[ynyounuo]

非常好用

[laobubu]

r#1 @nolo 有国内镜像加速想必是极好的 (●'◡'●)
但是现在还不是正式版，还有一堆未测试出来的 bug ，不知道合不合适 =v=

[plqws]

真的很不错，支持一下

[yangff]

很棒！

[goldenlove]

满有意思的，已 star....
装过 Typora 但没能适应，感觉这个可以包装成客户端，再支持导出 pdf 啥的~

[TheKiteRunner]

你好，看到网页端使用所见即所得 markdown 渲染被吸引了。但是在地址栏中输入“ javascript:$.getScript('https://goo.gl/MvrjGQ ”，却成了百度搜索该内容

[fy]

simplemde

[loading]

其实如果 V2EX 可以为充值用户提供一个载入自定义 js 就更好了。

[hack]

@loading 抓些 cookie 啥的是么

[loading]

@hack 不，这样就不用装猴子脚本了。很多事都能做。

[loading]

@hack 自定义 js 只给自己加载，抓 cookie 自己用浏览器就能抓，你可能想错了。

[ooTwToo]

@TheKiteRunner Chrome 粘贴的时候会忽略 [javascript:] ，仔细检查下地址栏？

[AsherG]

@Livid 站长不知有没有更好的想法

[laobubu]

@TheKiteRunner 你可能是国产浏览器的受害者。试试看保存成书签之后，用书签启用 HyperMD

[baiyi]

看起来很棒! 已 star

[freestyleyoo]

地址栏是哪里呀，能不能说清楚一点，我把它当成了浏览器的地址结果悲剧了，，萌新不懂啊

[freestyleyoo]

@freestyleyoo w 错了 原来是 javascript:没复制到

[yangxiongguo]

厉害！！

[laobubu]

@fy 再套一个外壳，加工具栏，预览侧栏，还有快捷键，查找替换功能，就可以秒 SimpleMDE 了大概 ( ゜ω゜)

当然如果有雅致的话可以把 HyperMD 和 SimpleMDE 弄到一起试试