****react+Nodejs+Mysql 存取富文本文档问题****

2023-12-11 17:27:50 +08:00
 Angela2022
请问如下功能用啥算法或类库能比较容易实现, 谢谢

react+Nodejs+Mysql 开发一个 app, 部署在 AWS 上.
需要用户在前端输入内嵌视频图片的富文本文档,
然后保存到后端 Mysql,
以后用户可以随时在前端请求后端读取该富文本文档

难点是内嵌富文本的视频和图片如何存储,谢谢
1568 次点击
所在节点    程序员
10 条回复
NessajCN
2023-12-11 17:30:57 +08:00
开个类 s3 服务
Angela2022
2023-12-11 17:42:23 +08:00
难点是内嵌富文本的视频和图片如何存储, 如果要把图片和视频从富文本剥离出来, 单独存储请问如何实现 谢谢
DingJZ
2023-12-11 17:55:59 +08:00
这应该都是富文本的基本功能,富文本里只放链接,富文本中放的附件直接上传转成链接
NerbraskaGuy
2023-12-11 18:04:26 +08:00
媒体类肯定得走 CDN 吧,你不会意思是图片用 base64 格式存 mysql 那种吧,现在富文本编辑器不都是插入图片和视频先上传获取链接再保存文本么
kemistep
2023-12-11 18:20:46 +08:00
href 链接地址,然后前端渲染即可
supuwoerc
2023-12-11 18:36:10 +08:00
富文本里面都是链接啊,用户在填写的时候已经上传了,富文本里面只是一个标签,例如:<xxx src="xxxx" />,前端拿到就可以直接渲染,富文本编辑器我推荐 facebook 家的 lexical ,同时支持 markdown 和 html 富文本: https://github.com/facebook/lexical
qq2511296
2023-12-11 21:22:04 +08:00
修改富文本的上传图片、视频按钮对应的事件,事件自己自定义,自己想上传到哪里都行,返回图片视频的链接就行,然后把链接插入回富文本编辑器里,保存的时候都是保存富文本的文本 html 。
webszy
2023-12-11 22:03:22 +08:00
当插入视频、图片时,触发的是上传操作,一般是上传到对象存储里然后返回 url ,富文本里存储的其实是 url
visper
2023-12-12 09:37:46 +08:00
富文本编辑器都会有对应的配置接口给你,配置你的图片上传路径。当在富文本里面上传图片的时候,它会把图片上传到你配置的路径。然后上传保存后你给个图片的 url 给它。它就在里面插入一个<img src 这样的来显示图片。
SleepyRaven
2023-12-12 10:00:51 +08:00
常见的富文本编辑器都有个 code 模式,你点看就看到实际保存的 html 代码了
可以类比为 markdown 那种,前端渲染实际标签内容,存储的是语法下的文本

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/999450

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX