乐趣区

关于sfossp:思否开源项目推介丨ZebraEditorCore基础纯粹的富文本编辑器

开源项目名称:ZebraEditorCore
开源我的项目负责人:aco
开源我的项目简介:最根底、纯正的富文本编辑器
开源我的项目类型:集体开源
我的项目创立工夫:2020.05
GitHub 数据:211 star 11 fork
GitHub 地址:https://github.com/acccco/zebra-editor-core

我的项目介绍

目前,市面上风行的富文本编辑器次要有三大类:

1、Markdown 编辑器,性能无限,并不富文本,不能轻易的给文字加色彩,设置段落的款式等等。
2、基于 contenteditable 的 html 富文本编辑器,如 ckeditor。生成的 html 过于凌乱,不能提取纲要,掌控不了文章内容,虽能获取 html,但却控制不了 html 的构造,不能间接生成 Markdown,或是别的构造,局限性很大。
3、基于 contenteditable 的 js 富文本编辑器,与第二类的区别次要在于:它的内容是保留在 js 中的,html 的出现只是它内容的映射,所有的编辑行为实际操作的是 js 内存中的模型,比方 DraftJs 等,然而目前这一类的编辑器,性能简略,可操作性太差。

该我的项目为第 3 类的富文本编辑器,但绝对于别的第三类富文本编辑器来说,它功能丰富,实践上反对所有的 css 属性,反对 Markdown 中所有的类型,包含但不限于题目、表格、列表、援用、图片等,同时表格、列表、反对多层级嵌套,因为内容由 JS 示意,还可生成别的类型:如 Markdown。

可扩展性方面:

  1. 我的项目提供了一整套的类组件,如果想增加新的内容,只须要继承响应的类,并实现办法即可。
  2. 我的项目提供一个形象生成器,只有实现该类,并设置自定义的生成器,可轻松替换文章生成的内容,比方 Markdown。
  3. 真的很富文本,在 Markdown 里缺失的所有都能够在这失去补充。

思否举荐

编辑器的设计难度在前端中堪称是艰难模式,所以很少可能在开源我的项目中看到编辑器的开源,特地是富文本编辑器的开源。

ZebraEditorCore 作为一款编辑器的外围,有着丰盛的性能反对,实践上反对所有的 css 属性,反对 Markdown 中所有的类型,包含但不限于题目、表格、列表、援用、图片等,同时表格、列表、反对多层级嵌套,因为内容由 JS 示意,还可生成别的类型:如 Markdown。

该我的项目已入选「SFOSSP – 思否开源我的项目反对打算」,咱们心愿借助社区的资源对开源我的项目进行相干的宣传推广,并作为一个长期我的项目助力开源事业的倒退,与宽广开发者共建开源新生态。
有动向的开源我的项目负责人或团队成员,可通过邮箱(pr@segmentfault.com)提供相应的信息(开源我的项目地址、我的项目介绍、团队介绍、联系方式等),以便晋升交换的效率。

退出移动版