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

2016-02-05 14:04:00 +08:00
 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/

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

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

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

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

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

@Sequencer 公式目前使用的是 Google 的公式图生成服务,如果有更好的生成服务的话可以替换上去
xcodebuild
2016-02-06 10:52:32 +08:00
非常酷!
xcodebuild
2016-02-06 10:55:11 +08:00
表格编辑像极了 orgmode ,忍不住再赞一条
Sequencer
2016-02-06 12:22:28 +08:00
你看看這個可不可以用做渲染?
http://latex.codecogs.com/eqneditor/editor.php
或者用 wiki 的渲染是最好的。
laobubu
2016-02-06 14:18:58 +08:00
@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-02-06 19:41:36 +08:00
@laobubu 👌 謝謝!
Crazy4Anonymous
2016-02-07 11:31:36 +08:00
好棒!
wsph123
2016-02-11 03:06:41 +08:00
好酷! star !
qinfengyan
2016-02-12 01:05:35 +08:00
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