ios、安卓、web端数据互通的富文本编辑器?有什么方案

发布于 2022-09-11 21:06:14 字数 507 浏览 14 评论 0

因项目需要,要在安卓、ios和web三端实现一个富文本编辑器,除了最基础的常见的富文本编辑器的功能(如字体大小,颜色,加粗,下划线,对齐方式等),还可以插入自定义样式(视频,音频,文件,checkbox勾选等)开始我们是用webview嵌套html的方式,即无论安卓,ios的编辑器部分都由前端来做,但是经过一段时间发现,在安卓下contentEditable的坑实在是有点多,尤其是对于自定义样式部分,经常有许多意想不到的bug出现。不知道一般要做这种需求的一般是采用什么方案。我看有道云笔记的ios端是有插入自定义样式的功能的(音频视频文件等),但它的安卓端却没有。是否在安卓下要做这种视频音频文件和文字混排的富文本编辑器会比较难实现,所以有道云笔记在安卓下才不做的。
在和安卓,ios同事的讨论中,他们提出了一种方案,就是富文本编辑器由各自端用自己的语言来完成,最终编辑好的内容取到之后,各端把内容转换成我们三端约定的格式。然后各端取到这按照约定格式转换好的内容,再把它转换为自己端可以展示的代码展示出来。但我觉得这种方式非常的复杂,因为到时候富文本编辑器取出来的内容有可能是非常复杂的。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

最初的梦 2022-09-18 21:06:15

你这不是逗吗? 自己写富文本? 用第三方啊~!

梦行七里 2022-09-18 21:06:15

参考知乎的方案吧

1 - 知乎的文本编辑器是自己写的吗,文本编辑器能开源吗?

知乎编辑器基于Facebook开源的Draft.js,具体看这篇文章Draft.js 在知乎的实践。

2 - 这是一篇关于知乎编辑器的专栏文章
3 - Web 编辑器
4 - Draft.js - RICH TEXT EDITOR FRAMEWORK FOR REACT

囍孤女 2022-09-18 21:06:14

别自己做 这样会很耗费人力物力 还是统一用web端的一个富文本
安卓有坑 就避开坑 减少安卓富文本的功能 只要保证数据格式统一即可

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文