分享一个自己撸的 MarkDown 编辑器

[xiqingongzi]

运营用 Markdown 编辑器

缘起

这个项目的起源源自一个运营朋友不懂技术，但是又经常要去一些技术论坛发帖(比如 V2ex)，可是苦于不会用 Makrdown 实现一些可视化编辑器的功能(虽然可视化编辑器也可以用，就是拷贝出来的代码太丑)。所以求助于我，我便制作了这样一款工具，来方便她编辑文章。

地址

Demo ： http://co.ixiqin.com/

Github : https://github.com/bestony/CoEditor

求 Star!

功能

插入新窗口打开连接

可以在打开的对话框中输入标题和连接。自动生成一个基于 HTML 的新页面打开连接 需要注意的是，此连接的会生成在文章尾部，需要自行复制到适当位置。

插入含连接的图片

可以在打开的对话框中输入连接、标题、图片地址、图片描述生成对应代码。 需要注意的是，此连接的会生成在文章尾部，需要自行复制到适当位置。

插入含描述的图片

可以在打开的对话框中输入图片地址、图片描述生成对应代码。 需要注意的是，此连接的会生成在文章尾部，需要自行复制到适当位置。 样式如图：

选中文字标红

选择要标红的文字，点击特色功能区的按钮，即可对指定文字进行标红处理。

快速打开图床

编辑器未做图片上传，故而提供了一个图床的地址，可以将图片上传到 sm.ms ，复制其生成的图片的连接，使用菜单栏中的工具添加即可。

感谢

• Editor.md ：感谢 @pando 开发如此好用的编辑器，如果没有这个编辑器我没办法这么轻松的实现功能。
• SM.MS ： 很喜欢用 @showForm 提供的图床 sm.ms ，所以在做图床连接的时候，便推荐了 sm.ms ，后续研究下对接 API ，让工具更好用。

[seramat]

很好用，谢谢

[bear145]

很好用 收藏了~谢谢楼主

[Jackeriss]

功能很丰富，支持！

[ivmm]

提点建议吧：
1. 放到国内环境，打开未免太慢
2. “运营 Markdown 编辑器” 不适合做项目标题，不利于宣传

[ivmm]

3. 微博图床

[anyforever]

标红之后，就不是一个 List 了？

[xiqingongzi]

@anyforever 这一块没测试，可能是兼容问题，等会我试试

[Ultraman]

就我注意到"她"了？/滑稽

[uzumaki]

@vcinex 奶奶的。点成感谢了，


如果不是她，你觉得你会那么有兴趣做？

[lizheming]

不说一下是基于 codemirror 修改的？

[xiqingongzi]

@vcinex
@uzumaki 那个她比我大个 20 多岁。。。。
@lizheming 我直接使用的是 Editor.md 。。。。难道要说上层的源？

[xiqingongzi]

@uzumaki
@vcinex 说错了，十来岁

[uzumaki]

@xiqingongzi 说出你的故事 大 20 的我也有过，嗯嗯

[xiqingongzi]

@uzumaki ....大十来岁=-=。喊姐的.我比较喜欢帮别人做东西，只要关系够好。

[uzumaki]

@xiqingongzi 嗯嗯，想当年我也喊。。。后来被规则了，后来离开北京了。

[xiqingongzi]

@uzumaki .........厉害了我的哥

[uzumaki]

@xiqingongzi 说出你的故事 看回复也是有想法的人

[xiqingongzi]

@uzumaki 我没啥想法....象牙塔挺好的...不着急出去...

[uzumaki]

@xiqingongzi 我说的想法不是你想的想法，是有想法的想法

[AlwaysBee]

欢迎提交到独立作品收集站 Artizen.cc ， https://artizen.cc