V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yantianqi
V2EX  ›  程序员

写了个 react markdown 编辑器

  •  1
     
  •   yantianqi · 2018-12-25 09:56:00 +08:00 · 3771 次点击
    这是一个创建于 2154 天前的主题,其中的信息可能已经有所发展或是发生改变。

    网上找现成的 react 下的 md 编辑器找不到

    于是自己写了一个,目前只有基本功能。

    主要是预览功能。

    预览地址

    源码地址

    第 1 条附言  ·  2018-12-26 15:41:37 +08:00
    • 2018-12-26 v0.0.5
      • 添加撤销重做按钮功能

    可以通过按钮实现20次以内的撤销重做的操作,不依赖于pc端的撤销。

    快捷键操作暂时没有添加,后续添加


    后续将继续完善功能

    • 界面完善
    • 快捷键操作功能
    • 图片上传功能
    • 图片上传前压缩功能
    18 条回复    2018-12-26 08:53:06 +08:00
    iamshit
        1
    iamshit  
       2018-12-25 10:09:21 +08:00
    这个感觉真好
    iamshit
        2
    iamshit  
       2018-12-25 10:11:06 +08:00
    我觉得如果再加上 粘贴上传图片(比如七牛云 腾讯云 cos) 还有 mathtex 功能,就可以吊打大部分 markdown 编辑器了
    yantianqi
        3
    yantianqi  
    OP
       2018-12-25 10:14:10 +08:00
    @iamshit 好的,后续功能继续完善
    shiww
        4
    shiww  
       2018-12-25 10:16:53 +08:00
    @iamshit 我感觉除了加了几个按钮,没什么其他特殊的啊
    chenstack
        5
    chenstack  
       2018-12-25 10:35:30 +08:00
    用按钮插入的代码不能用快捷键撤销,可以考虑用 document.execCommand
    DnC
        6
    DnC  
       2018-12-25 11:53:09 +08:00
    问一个 markdown 的问题,为什么非得 2 个空格换行这种语法呢?
    不觉得有点反人类? 还是有什么其他好处?
    yantianqi
        7
    yantianqi  
    OP
       2018-12-25 12:31:50 +08:00
    @DnC 两个空格换行是<br/>。
    直接两个换行是开一个新的段落,也就是 p 标签。
    BuilderQiu
        8
    BuilderQiu  
       2018-12-25 12:36:04 +08:00   ❤️ 1
    实际上我对 Markdown 编辑器的最基本述求是实时预览,不是两窗口那种独立的预览模式,比如 Typora,Bear
    yantianqi
        9
    yantianqi  
    OP
       2018-12-25 14:17:17 +08:00
    @chenstack 下个版本加上
    DnC
        10
    DnC  
       2018-12-25 14:48:13 +08:00
    @yantianqi #7 谢谢回复。
    那为什么不能自然换行呢? 即,一个回车即换行或者<br>,两个回车当成<p>。
    这样既可兼容其他普通编辑器,也负责用户习惯 :)
    ascend13
        11
    ascend13  
       2018-12-25 16:02:12 +08:00
    star 一下,以后说不定能用着
    xdlucky
        12
    xdlucky  
       2018-12-25 16:13:17 +08:00
    能搞一个 typora 那样的吗
    xuanli
        13
    xuanli  
       2018-12-25 17:35:40 +08:00
    mark
    GiantHard
        14
    GiantHard  
       2018-12-25 18:16:56 +08:00
    FIrefox 上,预览会超出编辑器容器的高度
    yantianqi
        15
    yantianqi  
    OP
       2018-12-25 19:43:19 +08:00
    @GiantHard 感谢反馈,已修复
    yantianqi
        16
    yantianqi  
    OP
       2018-12-25 19:46:04 +08:00
    @xdlucky 两种实现的方式是不一样的,目前还是先完善这个插件,后期具体看情况吧
    yantianqi
        17
    yantianqi  
    OP
       2018-12-25 23:40:29 +08:00
    @chenstack 看了一下 firefox ie 浏览器默认配置下都是不支持 document.execCommand,打算自己写一个撤销方式
    yantianqi
        18
    yantianqi  
    OP
       2018-12-26 08:53:06 +08:00
    @DnC 这个。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2632 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:53 · PVG 12:53 · LAX 20:53 · JFK 23:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.