首页 > 编程知识 正文

指路专栏?authorid=1322620(思源笔记 roamedit)

时间:2023-05-05 18:59:35 阅读:79172 作者:1589

最近,需要在公司内部优化创作者的后台。 领导要求我对后台编辑器的部分进行简单的调查。

基于github和百度搜索的数据,收集整理了以下几个编辑器的数据

quill

github repository :3359 github.com/quill js/quill/github stars :31.1 kgithubcontributors :127官方网站336033555550

Quill是一个跨平台的强大的富文本编辑器。 开发人员可以通过简单的API控制编辑器的内容。 主流黑白清新风,美观,功能不多,还没有表,但代码yydqt是最完美的。 这是因为它本身支持hignlight.js,也支持内联编辑模式,可以定制。

trix

github repository :3359 github.com/base camp/trixgithubstars :16.5 kgithubcontributors 336033603360官方网站:

在web APP应用程序中创建格式优美的文本。 Trix是一个WYSIWYG编辑器,用于创建消息、评论、文章和列表-大多数web APP应用程序的简单文档。 它具有复杂的文档模型,支持嵌入式附件,并输出简洁一致的HTML。 Trix是来自Basecamp的开源项目,Basecamp是Ruby on Rails的创始人。 数百万人信任他们的文本并将其发送到Basecamp,Trix给了他们最好的集体编辑体验。

大多数WYSIWYG编辑器是HTML contenteditable和execCommandAPI的包装器,由微软设计,支持在Internet Explorer 5.5中实时编辑网页最终,其他浏览器将进行反向设计和复制。

由于这些API从未完全规定或记录,而且WYSIWYG HTML编辑器范围很广,因此每个浏览器实现都有自己的错误和习惯,JavaScript开发人员必须能够解决这些冲突。

Trix通过将contenteditable视为I/O设备来避免这些冲突。 当输入进入编辑器时,Trix会将输入转换为内部文档模型的编辑操作,并将文档重新渲染到编辑器中。 这样,Trix可以完全控制每次按下键时会发生什么,完全不需要使用execCommand。

wangEditor

github资源库:3359 github.com/Wang editor-team/wangeditorgithubstars 336012.5 kgithubcontributors 33604360

由20人组国内团队维护,重量轻,小巧实用,配置方便,使用方便。 可以定制皮肤功能,可以免费开源,用户数量也很多。 wangEditor是用javascript编写的轻量级富web文本编辑器,依赖于jQuery和fontAwesome字体库,并支持所有浏览器。 “wangEditor”使您可以轻松创建富web文本框和自定义高级菜单功能。 wangEditor的所有源代码都已经在github上开源下载。

缺点: Demo,文档不完整。 为了更容易使用,还需要阅读源代码。 幸运的是,作者代码的评论写得很完整。

优点:作者一直有更新,且有活跃的技术QQ群。 164999061 (人满)、710646022 )、901247714 (人满)、606602511,作者能及时回答问题。 源代码注释很好。

wangEditor是我们项目中当前使用的编辑器。

ckeditor

github repository :3359 github.com/ckeditor/github contributors :13074 github stars 3360.5 k 5.2k官网3360https://CK

rigin/pgc-image/3807610ce2174217b2d59fa5f334f8e3?from=pc">

非常经典的富文本编辑器,官方下载量过千万,有高性能的实时预览,它特有行内编辑功能。

CKEditor 是新一代的 FCKeditor,是一个重新开发的版本。CKEditor 是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛地被运用于各大网站。

可配合使用的扩展有文件管理器 KCFinder。

github上,目前拆分为ckeditor4和ckeditor5两个主要仓库分别维护,以上数据分别取自这两个仓库

summernote

github repository: https://github.com/summernote/summernote/github stars: 10.4kgithub contributors: 278官网: https://summernote.org/

Summernote 是一个简单灵活的所见即所得的 HTML 在线编辑器,比较容易上手,使用体验流畅,支持各种主流浏览器,基于 jQuery 和 Bootstrap 构建,支持快捷键操作,提供大量可定制的选项。

本次调研中github贡献者最多的一个。

TinyMCE

github repository: https://github.com/tinymce/github stars: 9.9kgithub contributors: 215官网: https://www.tiny.cloud/

TinyMCE是一个轻量级的,基于浏览器的,所见即所得编辑器,支持目前流行的各种浏览器,支持图片在线处理,插件多,功能非常强大,易于集成,并且拥有可定制的主题。由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。

UEditor

github repository: https://github.com/fex-team/ueditorgithub stars: 6kgithub contributors: 45官网: https://ueditor.baidu.com/website/

UEditor 是由百度 web 前端研发部开发所见即所得富文本web编辑器,具有轻量、可定制、注重用户体验等特点。

主要特点:

轻量级:

代码精简,加载迅速。

定制化:

全新的分层理念,满足多元化的需求。采用三层架构:

核心层: 为命令层提供底层API,如range/selection/domUtils类。命令插件层: 基于核心层开发command命令,命令之间相互独立。界面层: 为命令层提供用户使用界面。满足不同层次用户的需求。

浏览器兼容:

兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,实现浏览器无差别化。

注重细节:

统一不同浏览器下表格选取方式。提供黑/白名单的过滤机制。更好的word支持,实现粘贴转换机制。

稳定性:

经过专业的QA团队测试,通过上千个测试用例,包括自动化用例和手动用例,目前仍然在不断完善中。


以上数据部分均取自github,时间为2021年10月21日观点部分,只代表个人观点,有什么建议和意见欢迎指正

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。