利用 Markdown 实现一个闪瞎眼的“最精简”富文本编辑器

2016 年 2 月 5 日
 laobubu

好吧就是之前那个 MarkdownIME ,当初版本需要按回车才会转化的,后面经过了一大堆的修改,现在已经可以实时转化了!

在线 DEMO : http://laobubu.github.io/MarkdownIME/
源码 at 同性交友网https://github.com/laobubu/MarkdownIME/


原来版本支持的 Markdown 语法是有些少,但是现在已经有了很大改善,包括但不限于:

反正估计这玩意儿只会有几个人看,代码写得有点丑,目前是凑合能看的状况( tabstop=4 ),有问题上 GitHub 发 issue 就是了,嗯。


再次求 star : https://github.com/laobubu/MarkdownIME/

11449 次点击
所在节点    分享创造
25 条回复
yuriko
2016 年 2 月 5 日
感觉好棒,最近打算自己做博客,这个正好!
nameryan
2016 年 2 月 5 日
很赞!要是能被各种在线编辑器集成,大有空间。但 markdown 毕竟还是小众语法。
gongjianhui
2016 年 2 月 5 日
可是,怎么修改样式呢?
比如说我想把
```
**TEST**
```
修改为
```
## TEST
```
怎么处理?
POPOEVER
2016 年 2 月 5 日
强力给 star
laobubu
2016 年 2 月 5 日
@gongjianhui 目前没有修改样式的办法,等过后实现一个用 backspace 键删除样式的功能……
laobubu
2016 年 2 月 5 日
@nameryan 感觉 Markdown 的语法很简单,而且很直观,要学习起来应该不是问题。

还有就是现在不知道怎么推广我这玩意儿,先放 V 站上盼有没有大佬路过了……
imeoer
2016 年 2 月 5 日
@laobubu 很酷,测试了下达到了可用状态,以后有适用场景会考虑集成。最近也正在写个相关的东西,个人感觉虽然实时预览看起来直观,但是违背了 markdown 本身就可读的原则,仅有纯文本与适时的高亮在视觉上会显得更加简洁工整,让写作者更好的关注于内容,这也是我个人更喜欢纯文本而不是富文本编辑的原因。

ps. LZ 是成都人呢,以后好想回成都...
lichao
2016 年 2 月 5 日
有个问题,如果 table 已经存在了,如何改变列数,如 3 列改成 4 列?
manfay
2016 年 2 月 5 日
如果有一个纯文本与富文本切换键就完美了
Slienc7
2016 年 2 月 5 日
Stared.
竟然没有 :doge: ;
这年头能用对 “地” 也是不容易了。
Sequencer
2016 年 2 月 5 日
latex 有一点不是支持很好比如 mathrm 之类的语句
laobubu
2016 年 2 月 6 日
@imeoer 嘻嘻,如果喜欢的话可以和他人或者社区分享一个😊

@lichao 目前对表格只是最基础的支持,还没有想好该怎么优雅的实现对列的编辑

@xgowex doge 不属于 emoji 诶~虽然可以通过写插件的方式实现这个功能的说…

@Sequencer 公式目前使用的是 Google 的公式图生成服务,如果有更好的生成服务的话可以替换上去
xcodebuild
2016 年 2 月 6 日
非常酷!
xcodebuild
2016 年 2 月 6 日
表格编辑像极了 orgmode ,忍不住再赞一条
Sequencer
2016 年 2 月 6 日
你看看這個可不可以用做渲染?
http://latex.codecogs.com/eqneditor/editor.php
或者用 wiki 的渲染是最好的。
laobubu
2016 年 2 月 6 日
@Sequencer 可以的,等过后的版本将其作为默认的渲染服务。

如果你是在你的 web 应用里使用 MarkdownIME ,那么其公式功能是需要“手动启用”的。将代码从原来的

MarkdownIME.Renderer.inlineRenderer.rules.unshift(new MarkdownIME.Addon.MathAddon())

修改为如下即可使用 codecogs.com 的公式服务:

var mathAddon = new MarkdownIME.Addon.MathAddon();
mathAddon.imgServer = 'http://latex.codecogs.com/gif.latex?';
MarkdownIME.Renderer.inlineRenderer.rules.unshift(mathAddon);
Sequencer
2016 年 2 月 6 日
@laobubu 👌 謝謝!
Crazy4Anonymous
2016 年 2 月 7 日
好棒!
wsph123
2016 年 2 月 11 日
好酷! star !
qinfengyan
2016 年 2 月 12 日
so cool and fast

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/255520

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX