V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
dbldong
V2EX  ›  程序员

在自定义和扩展方面哪个富文本编辑器最好用?

  •  
  •   dbldong · 2020-06-10 12:15:35 +08:00 · 4113 次点击
    这是一个创建于 1661 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近公司打算做一个多人协同写作平台. 列举一些需求例如:插入 echarts 图表, 对段落进行标记追踪来源

    之前做后台管理的时候用到过 wangeditor 和 quill.js, 这两天看了一下, wangeditor 毕竟是国人写的, 代码很好读, 但是内容不够丰富; quill 的 API 很清晰, 但是不支持插入 html, 其他的 tinymce, ckeditor, slate, 奈何水平较低, 无法选择, 求推荐一个

    19 条回复    2020-12-27 02:57:56 +08:00
    diliburong
        1
    diliburong  
       2020-06-10 13:20:10 +08:00
    tinymce
    iplayio2019
        2
    iplayio2019  
       2020-06-10 13:21:40 +08:00 via Android
    都被你说完了,还怎么推荐
    unicloud
        3
    unicloud  
       2020-06-10 13:22:55 +08:00
    按照你的描述,可能 quill 更适合,毕竟号称元编辑器,提供了各种丰富的 API,粒度之细令人叹为观止。
    phikao
        4
    phikao  
       2020-06-10 13:42:40 +08:00
    ueditor
    rain0002009
        5
    rain0002009  
       2020-06-10 13:55:14 +08:00
    quill 可以装插件的呀
    https://github.com/quilljs/awesome-quill
    isbase
        6
    isbase  
       2020-06-10 13:57:30 +08:00 via iPhone
    Mogugugugu
        7
    Mogugugugu  
       2020-06-10 14:01:41 +08:00
    froala editor 目前试过的最舒服的所见即所得的富文本编辑器、需要付费。
    其实富文本编辑器 很多,但是做的好的多是收费版本。很多提供免费版本,但是和付费版本还是差距比较大。
    hellomimi
        8
    hellomimi  
       2020-06-10 14:23:36 +08:00
    ——“quill 的 API 很清晰, 但是不支持插入 html”
    建议仔细读一下 quill 文档,其实是支持插入 html 的,quill 是由 contenteditable="true"实现的富文本编辑,那么就可以通过简单的 innerHTML 实现插入 html 了,例如:this.quill.container.childNodes[0].innerHTML = objE.innerHTML
    zhoushiya
        9
    zhoushiya  
       2020-06-10 15:01:55 +08:00
    http://tinymce.ax-z.cn/ 这个 TinyMCE 中文文档不错
    sivacohan
        10
    sivacohan  
       2020-06-10 16:32:01 +08:00
    看到了多人协同功能。
    那你就花点钱买 Ckeditor5 的 collaborative 吧。这个如果自己开发的话成本还是挺高的。
    具体可以参照一下各种“云笔记”的团队规模。

    https://ckeditor.com/collaboration/real-time-collaborative-editing/
    TomatoYuyuko
        11
    TomatoYuyuko  
       2020-06-10 16:45:52 +08:00
    Ckeditor 挺全的
    joesonw
        12
    joesonw  
       2020-06-10 16:53:22 +08:00
    slatejs
    hYork
        13
    hYork  
       2020-06-10 16:55:07 +08:00
    draft.js
    joesonw
        14
    joesonw  
       2020-06-10 18:24:25 +08:00
    @hYork draft.js 有大坑点. entity 至今依然不支持 inline. 用了快两年 draft.js, 弃坑用 slate.js 了, 真香啊.
    carousel95
        15
    carousel95  
       2020-06-11 00:16:34 +08:00
    slate.js +1
    zhuangzhuang1988
        16
    zhuangzhuang1988  
       2020-06-11 09:32:37 +08:00 via Android
    都很坑,放弃吧
    dbldong
        17
    dbldong  
    OP
       2020-06-11 11:50:06 +08:00
    @zhuangzhuang1988 是要我放弃, 然后提桶跑路吗?
    zhuangzhuang1988
        18
    zhuangzhuang1988  
       2020-06-11 11:54:18 +08:00 via Android
    @dbldong https://myslide.cn/slides/21863
    第 34 页,ckeditor 做了 3 年, 语雀说是 3 个月做的,前提还是自己做的编辑器
    zhdsuperm
        19
    zhdsuperm  
       2020-12-27 02:57:56 +08:00
    @joesonw 能否加个微信交流下 slate.js 我也在做这块,好蛋疼呀 vx: qiezhd
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1172 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:19 · PVG 02:19 · LAX 10:19 · JFK 13:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.