V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xiqingongzi
V2EX  ›  分享创造

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

  •  
  •   xiqingongzi ·
    bestony · 2017-01-25 15:22:20 +08:00 · 3262 次点击
    这是一个创建于 2859 天前的主题,其中的信息可能已经有所发展或是发生改变。

    运营 MarkDown 编辑器

    运营用 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 ,让工具更好用。
    24 条回复    2017-01-27 12:57:24 +08:00
    seramat
        1
    seramat  
       2017-01-25 15:27:12 +08:00 via Android
    很好用,谢谢
    bear145
        2
    bear145  
       2017-01-25 16:36:34 +08:00
    很好用 收藏了~谢谢楼主
    Jackeriss
        3
    Jackeriss  
       2017-01-25 16:43:36 +08:00
    功能很丰富,支持!
    ivmm
        4
    ivmm  
       2017-01-25 17:14:05 +08:00
    提点建议吧:
    1. 放到国内环境,打开未免太慢
    2. “运营 Markdown 编辑器” 不适合做项目标题,不利于宣传
    ivmm
        5
    ivmm  
       2017-01-25 17:16:30 +08:00
    3. 微博图床
    anyforever
        6
    anyforever  
       2017-01-25 17:59:36 +08:00
    标红之后,就不是一个 List 了?
    xiqingongzi
        7
    xiqingongzi  
    OP
       2017-01-25 18:19:44 +08:00 via iPhone
    @anyforever 这一块没测试,可能是兼容问题,等会我试试
    Ultraman
        8
    Ultraman  
       2017-01-25 20:15:20 +08:00 via Android   ❤️ 1
    就我注意到"她"了?/滑稽
    uzumaki
        9
    uzumaki  
       2017-01-25 20:18:14 +08:00 via Android
    @vcinex 奶奶的。点成感谢了,


    如果不是她,你觉得你会那么有兴趣做?
    lizheming
        10
    lizheming  
       2017-01-25 20:32:15 +08:00
    不说一下是基于 codemirror 修改的?
    xiqingongzi
        11
    xiqingongzi  
    OP
       2017-01-25 21:29:37 +08:00
    @vcinex
    @uzumaki 那个她比我大个 20 多岁。。。。
    @lizheming 我直接使用的是 Editor.md 。。。。难道要说上层的源?
    xiqingongzi
        12
    xiqingongzi  
    OP
       2017-01-25 22:03:54 +08:00
    @uzumaki
    @vcinex 说错了,十来岁
    uzumaki
        13
    uzumaki  
       2017-01-25 22:30:35 +08:00 via Android
    @xiqingongzi 说出你的故事 大 20 的我也有过,嗯嗯
    xiqingongzi
        14
    xiqingongzi  
    OP
       2017-01-25 22:32:53 +08:00
    @uzumaki ....大十来岁=-=。喊姐的.我比较喜欢帮别人做东西,只要关系够好。
    uzumaki
        15
    uzumaki  
       2017-01-25 22:41:32 +08:00 via Android
    @xiqingongzi 嗯嗯,想当年我也喊。。。后来被规则了,后来离开北京了。
    xiqingongzi
        16
    xiqingongzi  
    OP
       2017-01-25 22:46:38 +08:00
    @uzumaki .........厉害了我的哥
    uzumaki
        17
    uzumaki  
       2017-01-25 23:19:27 +08:00 via Android
    @xiqingongzi 说出你的故事 看回复也是有想法的人
    xiqingongzi
        18
    xiqingongzi  
    OP
       2017-01-25 23:32:32 +08:00
    @uzumaki 我没啥想法....象牙塔挺好的...不着急出去...
    uzumaki
        19
    uzumaki  
       2017-01-26 03:20:34 +08:00 via Android
    @xiqingongzi 我说的想法不是你想的想法,是有想法的想法
    AlwaysBee
        20
    AlwaysBee  
       2017-01-26 13:44:23 +08:00
    欢迎提交到独立作品收集站 Artizen.cchttps://artizen.cc
    goldenlove
        21
    goldenlove  
       2017-01-26 14:35:05 +08:00
    看着舒服,贡献 Star 一只....
    xiqingongzi
        22
    xiqingongzi  
    OP
       2017-01-26 18:33:48 +08:00
    @goldenlove 感谢!
    timothyye
        23
    timothyye  
       2017-01-26 22:49:25 +08:00
    不错,已 star ,谢谢分享
    xiqingongzi
        24
    xiqingongzi  
    OP
       2017-01-27 12:57:24 +08:00 via iPhone
    @timothyye 🙏🙏
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2800 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 08:35 · PVG 16:35 · LAX 00:35 · JFK 03:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.