• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Angela2022
V2EX  ›  程序员

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

  •  
  •   Angela2022 · Dec 11, 2023 · 2163 views
    This topic created in 950 days ago, the information mentioned may be changed or developed.
    请问如下功能用啥算法或类库能比较容易实现, 谢谢

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

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