富文本编辑器-陈陈陈外包案例-猿急送

富文本编辑器

新闻媒体 · 其他案例ID: 209878

微信扫码，建群沟通

作者：陈陈陈 - 4年经验- aaaaaa

案例介绍

技术栈：react18、reduxjs、Sass、antd等
在线地址： http://adminplus-ccw.com/editor/
项目描述：目前该项目开发进度60%，全部本人独立开发。这是一款L3可控性富文本编辑器，完全不依赖 Content Editable API ，脱离了浏览器自身的大部分排版规则，其中主要是插件部分，你可以完全定制编辑开发各种各样的功能，等待。而这期间遇到很多大困难问题，并且也在一次次突破自己去完成，比如以下其中两个难得：
其中的一些难点：
1、我参考浏览器的 Selection 的结构，设计了类似的 Selection 模型，并在屏幕上用绝对定位画出用户的光标，同时用户拖动时产生的选区，
2、整个框架的设计、框架单独独立了数据模型和渲染模式两大模式，这两个模式构成了一个核心层，只负责富文本的编辑能力，已经多种拓展，在这个核心层上就是你自己的业务层，可以实现各种各样的扩展能力，例如：图片、表格、附件、列表等待