• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yantianqi
V2EX  ›  程序员

写了个 react markdown 编辑器

  •  1
     
  •   yantianqi · Dec 25, 2018 · 4545 views
    This topic created in 2726 days ago, the information mentioned may be changed or developed.

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

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

    主要是预览功能。

    预览地址

    源码地址

    Supplement 1  ·  Dec 26, 2018
    • 2018-12-26 v0.0.5
      • 添加撤销重做按钮功能

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

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


    后续将继续完善功能

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