V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Angela2022
V2EX  ›  程序员

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

  •  
  •   Angela2022 · 2023-12-11 17:27:50 +08:00 · 1555 次点击
    这是一个创建于 373 天前的主题,其中的信息可能已经有所发展或是发生改变。
    请问如下功能用啥算法或类库能比较容易实现, 谢谢

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

    难点是内嵌富文本的视频和图片如何存储,谢谢
    10 条回复    2023-12-12 10:00:51 +08:00
    NessajCN
        1
    NessajCN  
       2023-12-11 17:30:57 +08:00
    开个类 s3 服务
    Angela2022
        2
    Angela2022  
    OP
       2023-12-11 17:42:23 +08:00
    难点是内嵌富文本的视频和图片如何存储, 如果要把图片和视频从富文本剥离出来, 单独存储请问如何实现 谢谢
    DingJZ
        3
    DingJZ  
       2023-12-11 17:55:59 +08:00
    这应该都是富文本的基本功能,富文本里只放链接,富文本中放的附件直接上传转成链接
    NerbraskaGuy
        4
    NerbraskaGuy  
       2023-12-11 18:04:26 +08:00   ❤️ 1
    媒体类肯定得走 CDN 吧,你不会意思是图片用 base64 格式存 mysql 那种吧,现在富文本编辑器不都是插入图片和视频先上传获取链接再保存文本么
    kemistep
        5
    kemistep  
       2023-12-11 18:20:46 +08:00
    href 链接地址,然后前端渲染即可
    supuwoerc
        6
    supuwoerc  
       2023-12-11 18:36:10 +08:00
    富文本里面都是链接啊,用户在填写的时候已经上传了,富文本里面只是一个标签,例如:<xxx src="xxxx" />,前端拿到就可以直接渲染,富文本编辑器我推荐 facebook 家的 lexical ,同时支持 markdown 和 html 富文本: https://github.com/facebook/lexical
    qq2511296
        7
    qq2511296  
       2023-12-11 21:22:04 +08:00
    修改富文本的上传图片、视频按钮对应的事件,事件自己自定义,自己想上传到哪里都行,返回图片视频的链接就行,然后把链接插入回富文本编辑器里,保存的时候都是保存富文本的文本 html 。
    webszy
        8
    webszy  
       2023-12-11 22:03:22 +08:00
    当插入视频、图片时,触发的是上传操作,一般是上传到对象存储里然后返回 url ,富文本里存储的其实是 url
    visper
        9
    visper  
       2023-12-12 09:37:46 +08:00
    富文本编辑器都会有对应的配置接口给你,配置你的图片上传路径。当在富文本里面上传图片的时候,它会把图片上传到你配置的路径。然后上传保存后你给个图片的 url 给它。它就在里面插入一个<img src 这样的来显示图片。
    SleepyRaven
        10
    SleepyRaven  
       2023-12-12 10:00:51 +08:00
    常见的富文本编辑器都有个 code 模式,你点看就看到实际保存的 html 代码了
    可以类比为 markdown 那种,前端渲染实际标签内容,存储的是语法下的文本
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1051 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:02 · PVG 03:02 · LAX 11:02 · JFK 14:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.