最近项目里常听产品们谈到后台的文本编辑器就烦恼,吐槽样式难看,说后台效果和前台展示不一样,还有吐槽操作不方便功能不全没有自定义功能的问题。头疼也要解决,假若用着用着被迫换编辑器,用户和团队估计要件要崩溃。
本着开源世界解决一切的宗旨,我又开始逛荡这github大市场了。以Github stars数为主要的评估依据,兼顾最新更新日期和提交数量,以保证框架能够让我们用的更长久。
Github stars: 26.3k , commits: 5,199,License: BSD 3-clause
丰俭由人的编辑器,确实好用
Github stars: 17.9k , commits: 965,License: MIT license
Draft.js Demo
Github stars: 17.4k, commits: 3,100,License: MIT license
Rich Text - Slatejs
项目由贡献者驱动的,没有任何大型公司的支持,当前处于测试版,核心API现在可以使用,但是它的某些API尚未“最终确定”
Github stars: 15k, commits: 2,593,License: MIT license
trix demo by basecamp
Trix是用于编写消息,评论,文章和列表(大多数Web应用程序组成的简单文档)的编辑器。它具有复杂的文档模型,支持嵌入式附件,并输出简洁一致的HTML
Trix对设备及浏览器的支持情况
Github stars: 14.4k, commits: 2,602,License: MIT license
作为跟随鼠标和焦点的编辑器,使用体验
可以根据需要调整风格
Github stars: 11.7k, commits: 518,License: Apache-2.0
editorjs demo
Github stars: 9.6k, commits 361,License: MIT license
使用起来很方便
基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费,创建编辑器时只需要引用 JS,无需引用任何 CSS。
菜单和编辑区域其实就是两个单独的<div>,位置、尺寸都可以随便定义。如果想要像 知乎专栏、简书、石墨、网易云笔记 这些编辑页面一样,将编辑区域和菜单分离就可以实现了。
菜单和编辑器区域可自定义样式。例如:将菜单fixed、编辑器区域高度自动增加等
编辑区域和菜单分离
Github stars: 9.4k , commits: 3,265,License: MIT license
summernote Demo
summernote是一个简单灵活的所见即所得的 HTML 在线编辑器.
Github stars: 7.9k, commits: 23,239,License: LGPL-2.1 license
TinyMCE 5
项目社区开源版 - Free Forever
Github stars: 7.1k, commits: 1,027,License: LGPL-2.1 license
Base on:Prosemirror
basic example of tiptap
不是taptap,Tiptap没有任何CSS,用户将(几乎)完全控制标记和样式。用户可以将数据另存为原始HTML字符串,也可以获取JSON文档的-serializable表示形式。
结语:以上就是本期全部的分享了。为了服务大多数的普通客户,这期去掉了只支持Markdown的编辑器。可能大家因时间原因无法自己维护而选择那些开箱即用的,也可能需要深度定制而选择框架类的,亦或就是要极致的简单而选择那些极简款编辑器。希望大家都能在此找到有用的内容服务手头的项目。
如果有其他想推荐的编辑器可以留言回复我哦!
其实原本还有个项目也在分享的List中-Pell, 可以说是 最简单,最小的WYSIWYG文本编辑器
Github stars: 11.2k, commits 79,License: MIT license
简单到没有多余的语言来介绍
引用官网的一句介绍吧:DOWNLOAD / INSTRUCTIONS / INFORMATION view on Github
起初纳闷为啥这么多stars,那么久没更新,看了看项目就明白了:至简如水,过多的包装都是浪费。