2022 前端富文本编辑器该怎么选

2022-02-14 09:38:19 +08:00
redtech  redtech

目前市面上比较知名的编辑器如：

以上编辑器，TinyMCE 和 CK 对表格的支持还算不错

其他的几个在表格方面就比较弱了

鄙人也参与开发了一个（项目的创始人是安扎东，我仅仅是凑数的） 功能丰富 但是由于是基于 contenteditable 部分功能的实现不完善 暂时还上不了台面 欢迎参与共建

github.com/yanmao-cc/am-editor

商业项目依然推荐以上几个老牌知名的 个人项目倒是可以试试 am

12039 次点击
所在节点   程序员  程序员
88 条回复
Doanldkickyou
Doanldkickyou
2022-02-15 10:18:45 +08:00
正在做基于 Slate 开发的工作，视图层用 slate-angular ，原本是用 Quill 的，后面需求来了发现定制起来很麻烦，调研一番，就改用 Slate 了，不得不说 Slate 的设计真的很棒
Chingim
Chingim
2022-02-15 10:22:53 +08:00
想了解下富文本编辑器, 哪个项目的源码 /设计比较优雅可以推荐下吗
redtech
redtech
2022-02-15 10:25:24 +08:00
@Chingim 问就是 slate 啊 😄
devwolf
devwolf
2022-02-15 11:05:14 +08:00
问一下熟悉 TinyMCE 老哥们，是否 tinymce 可以实现 am-editor 里的大纲 outline 功能呢？

刚好我这边年初也在调研当前项目所用 braft-editor 的上位替代，开发人员这边顺着"支持 react + github 高星递减"一路筛选下来决定用 tingymce-react ，结果产品那边找到 am-editor ，并希望实现里面的大纲功能
https://editor.aomao.com/plugin/plugin-heading#outline

目前就比较头大……百度初步搜了一下,别的富文本好像也就 quill 有，但也是博客里手搓的 vue 版
redtech
redtech
2022-02-15 11:05:51 +08:00
@devwolf 可以实现 toc 功能 tinyMce 是不是自带插件呢
devwolf
devwolf
2022-02-15 11:14:16 +08:00
@redtech 对，tinymce 里有个 toc 生成目录，但是无法实现编辑时的锚点跳转，就是和 am-editor 版 outline 实现有差异。

实在不行就顺着产品用 am-editor 了……但就是感觉开发这边白调研了 orz
kilasuelika
kilasuelika
2022-02-15 11:43:09 +08:00
@redtech 看了一下，你们这个功能比 suneditor 丰富一些，以后试一试
redtech
redtech
2022-02-15 11:59:38 +08:00
@devwolf tinymce 是基于 iframe 的 所以自己实现起来稍微有点麻烦 我们基于 tiny 开发过类似的功能
kilasuelika
kilasuelika
2022-02-15 12:00:56 +08:00
@redtech 这个可不可以在纯 js 的环境中用呢。
有时候只需要写个简单的 html 网页，如果还要去弄 npm 那些感觉太麻烦了。
demonzoo
demonzoo
2022-02-15 13:59:00 +08:00
@demonzoo 第二条就有写呀
==============
@redtech 看漏了，不好意思 🐶
BlackJac95
BlackJac95
2022-02-15 14:03:57 +08:00
你们的 demo 对新手或者不熟悉前端的后端很不友好[捂脸]
redtech
redtech
2022-02-15 14:17:00 +08:00
@BlackJac95 嗯 文档目前过于简陋 会尽快简化上手难度
redtech
redtech
2022-02-15 14:17:16 +08:00
@kilasuelika 后续或许会提供
Mjhhh
Mjhhh
2022-02-15 16:18:09 +08:00
@redtech 目前我所知道的（至少我所在的公司是这样），有不少人喜欢在 word\wps 编辑文章，然后再复制到网页的富文本进行发布，CKEditor 5 兼容样式与图文的特性，应该是最适合的
redtech
redtech
2022-02-15 16:23:06 +08:00
@Mjhhh 有这种需求 很多运营就是这么做的
AlisonYang
2022-02-15 16:56:31 +08:00
加个 V 聊一下 YJ_NeverFall ，想参与开发是从 bugfix 做起吗？
zalss
2022-02-15 17:09:38 +08:00
@Chingim pm ckeditor5 都可以 模型->转换器->视图
redtech
2022-02-15 17:39:03 +08:00
@AlisonYang 不一定是 bugfix 文档的完善等都是可以的
4424l
2022-02-15 23:51:25 +08:00
markdown 加模板方便好用
marsyu6211
2022-02-16 17:51:11 +08:00
@iamqiwei 不能太赞同了，所有功能写在一个文件，3w 行代码看哭了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/833656

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX