V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lovezww2011
V2EX  ›  编辑器

主流富文本编辑器对比, TinyMCE、CKEditor、wangeditor 哪个更强?

  •  
  •   lovezww2011 · 2023-11-04 10:01:26 +08:00 · 5717 次点击
    这是一个创建于 376 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本文全面对比了 TinyMCE 、CKEditor 、wangeditor 的优缺点,最终发现 wangeditor 更适合中文环境。大家认同吗?

    富文本编辑器评测结果

    32 条回复    2023-11-06 10:14:11 +08:00
    zhuangzhuang1988
        1
    zhuangzhuang1988  
       2023-11-04 10:37:37 +08:00
    ckeditor 哪个表格做得好, 哪个就好。
    s5s5
        2
    s5s5  
       2023-11-04 13:01:21 +08:00 via Android
    推荐 Tiptap
    lanr
        3
    lanr  
       2023-11-04 13:27:13 +08:00
    gogolive
        4
    gogolive  
       2023-11-04 13:34:01 +08:00
    simditor
    go522000
        5
    go522000  
       2023-11-04 14:05:43 +08:00
    wangeditor 前段时间,作者好像说比较忙要停止更新了。
    我现在使用的是 UEditor 社区版,表格还可以,图片的拖动拉大拉小不太好。
    ClearMoki
        6
    ClearMoki  
       2023-11-04 14:41:25 +08:00
    你如果要现成的这几个够用了,但是你要自定义的,推荐一下 tiptap, editor.js, affine, tinymce 这几个
    xieren58
        7
    xieren58  
       2023-11-04 15:09:04 +08:00
    TinyMCE
    FightPig
        8
    FightPig  
       2023-11-04 15:10:09 +08:00
    由于 rails 用的多,一直用的 trix
    HikigayaHachiman
        9
    HikigayaHachiman  
       2023-11-04 17:04:50 +08:00
    如果你有移动端的需求,就不用考虑 wangeditor 了,这个编辑器在 Android 系统下的英文预测输入模式下有非常严重的 bug ,无法使用,应该是它依赖的 Slate.js 的问题,而且 wangeditor 目前是停止维护状态。

    推荐 tiptap ,我现在就在用 tiptap 替换 wangeditor :-(
    fy
        10
    fy  
       2023-11-04 18:05:18 +08:00
    codemirror 已经凉了吗
    hhacker
        11
    hhacker  
       2023-11-04 18:27:59 +08:00
    Tinymce
    Felix96
        12
    Felix96  
       2023-11-04 18:40:47 +08:00 via iPhone
    Tinymce5
    hedwi
        13
    hedwi  
       2023-11-04 18:41:52 +08:00
    prosemirror 可能更强
    LuckyLight
        14
    LuckyLight  
       2023-11-04 21:05:10 +08:00 via iPhone   ❤️ 2
    如果要兼容 word 的格式,推荐 summernote
    tianzi123
        15
    tianzi123  
       2023-11-04 23:42:09 +08:00
    https://editor.aomao.com/ 这个是最强的,基本复刻了语雀的功能
    someok
        16
    someok  
       2023-11-05 00:48:00 +08:00
    有没有支持粘贴秀米的?除了 ueditor
    lankaka
        17
    lankaka  
       2023-11-05 07:29:15 +08:00
    @tianzi123 +1 早就想把 ueditor 换掉了
    Zzzz77
        18
    Zzzz77  
       2023-11-05 10:26:27 +08:00
    说实话 wangeditor 只适合最简单的需求,如果需要功能强大的,推荐 CKEditor (如果官方提供的模块够你用的话,上手简单,可做到即开即用)、Tiptap (有一点学习成本,但如果你理解了它的设计之后,能够很快的构建出各种扩展模块,足以应对各种奇葩需求)。

    另外一提,Tiptap 是基于 prosemirror 实现的,学习了解一下 prosemirror 能够更好的掌握 Tiptap ,你也可以直接用 prosemirror ,上限更高,不过上手难度比 Tiptap 大些。

    最后是避坑提醒:editor.js ,这货 bug 比较多,且官方支持的模块实在是不够看,慎选。
    shuxhan
        19
    shuxhan  
       2023-11-05 10:47:41 +08:00 via Android
    ck 功能还挺强大的,就是感觉过滤有些问题,我们公司服务对内对外基本镶嵌的都是 ck
    laminux29
        20
    laminux29  
       2023-11-05 12:07:48 +08:00
    @lanr
    @tianzi123

    你们推荐的 https://editor.aomao.com/

    Chrome 多次打不开 + 页面卡死

    Firefox 第一次打不开 + 页面卡死,刷新后才能正常使用。

    你们没测试过????
    zhangqx
        21
    zhangqx  
       2023-11-05 14:42:25 +08:00
    tinymce 有个国内老哥做的中文站,资源挺多
    http://tinymce.ax-z.cn/
    去年用过他来做一个前端页面的输入框,挺好用的,插件多
    其他两个没用过
    fyzhh
        22
    fyzhh  
       2023-11-05 16:33:55 +08:00 via iPhone
    ewebeditor 有没有人用过?
    https://www.ewebeditor.net/
    seeu2ex
        23
    seeu2ex  
       2023-11-05 17:10:12 +08:00 via iPhone
    @shuxhan 如果要对这个大改自定义的话建议不选 ck ,上次产品做富文本搞得有些恶心了
    henrylin66666
        24
    henrylin66666  
       2023-11-05 18:10:34 +08:00 via Android
    @fy CodeMirror 虽然好使,但是没有那种 WYSIWTG 的富文本编辑能力;还有两个问题:移动端适配很狗屎,以及在非等宽字体下制表符乱飘
    shuxhan
        25
    shuxhan  
       2023-11-05 18:46:30 +08:00 via Android
    @seeu2ex 我觉得编辑器这个东西本身就很恶心,不管是任何项目,直到现在,我还维护我们公司的一套编辑器,用 CK 做的,真的是要多恶心,有多恶心
    ljsh093
        26
    ljsh093  
       2023-11-05 19:30:23 +08:00
    @LuckyLight #14 这个跟 jq 深度绑定是不是有点坑啊
    ljsh093
        27
    ljsh093  
       2023-11-05 23:12:46 +08:00
    @laminux29 #20 ff 卡死复现成功
    LuckyLight
        28
    LuckyLight  
       2023-11-06 01:30:02 +08:00
    @ljsh093 #26 对,这是一个缺点,强依赖 jQuery 和 Bootstrap
    tianzi123
        29
    tianzi123  
       2023-11-06 02:15:13 +08:00
    @laminux29 他这官网不知道什么鬼, 你拉代码到本地跑没问题, 他仓库了 react 和 vue 的demo都有
    seeu2ex
        30
    seeu2ex  
       2023-11-06 09:24:25 +08:00
    @shuxhan #25 是的,除非自己撸一个公司内定制化的,要不就产品不动人家的,不然是真麻烦
    wordx
        31
    wordx  
       2023-11-06 09:57:38 +08:00
    最近用 tiptap 写的 https://inke.app ,扩展挺方便的
    MENGKE
        32
    MENGKE  
       2023-11-06 10:14:11 +08:00   ❤️ 1
    @lanr aomao 这个不错,我们在用。我看作者新出的 https://docs.editablejs.com/playground 也不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5798 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:04 · PVG 11:04 · LAX 19:04 · JFK 22:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.