富文本问题
这次遇到的难题主要是公司的项目中使用到的富文本问题,用的富文本是 react-quill,主要问题是,在这个富文本里面配置的url连接,不是http开头的链接会解析不了,这样回影响移动那边的url跳转,之前项目里面的做法是在后台配置非http开头的链接的时候,要在前面加上一些标识,这种做法前后端都要加,在H5端读取的时候,就把url前面的标识删除掉,随着各种url的越来越多,这种做法满足不了需求了,于是我的领导就叫我去研究解决方法。
我跑去研究了发现是react-quill富文本本身的问题,通过研究源码得出的结论,所以我只能去社区里面寻找其它的富文本了,于是我找到了人气比较高的 braft-editor 富文本,虽然完美的解决了url文本,但是有衍生出其它的问题,就是它的取色器问题,虽然它的官网有提供像ps里面的取色面板取色的功能,发现按照它官网提供的文档,根本实现不了这个功能,上到它提供的GitHub去也没有找到答案,只能使用它自己固定的16种,这显然也不太能接受的
所以我的解决方案是自己手动手动这个取色器,然后通过定位去把它放在 braft-editor 富文本的取色器位置,点击的虽然是 braft-editor 富文本取色器,其实点击是我自己手写的取色器,我是基于 react-color 的基础上做了一些改动。这时候基本已经解决需求,起码至今还没有反馈说这个富文本在配置H5端相关的内容出现问题