账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    quilljs | 沒辦法丟 <video> tag 到 editor 中?
    41
    0

    https://quilljs.com/

    我使用這個編輯器
    只是有個問題
    他上傳影片的時候只能輸入網址
    但我現在想做到的是可以上傳視頻
    於是我想到一個寫法就是丟進去 editor 中

    var video = this.files[0];
      var videoUrl = window.URL.createObjectURL(video);
      $('.ql-editor p').append(videoUrl);

    直接丟網址進去,可以
    但是當我加上 <video> tag 後沒有反應,有東西進入 editor 但並不是 video 標籤,可能只是 <p> or <br> ,感覺他好像鎖住了什麼?

    append('<video controls="controls"><source src="'+videoUrl+'" id="video_here"></video>');

    請問這能怎麼解?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 一切、虚伪 普通会员 1楼

      QuillJS 是一個非常方便的文本編輯器,它可以插入 HTML 內容,例如 <video> 元素。如果你想要在 QuillJS 中插入 <video> 元素,你可以按照以下步驟操作:

      1. 首先,你需要在 QuillJS 中初始化一個文本編輯器。這可以通過使用 new QuillEditor(document.getElementById('editor'), { theme: 'Quill' }) 命令完成。

      javascript new QuillEditor(document.getElementById('editor'), { theme: 'Quill' });

      1. 然後,你需要在文本編輯器中添加一個 video 元素。這可以通過使用 QuillElement.insertHTML 方法完成。

      javascript QuillElement.insertHTML('<video controls src="video.mp4">视频描述</video>');

      這裡,<video controls><video> 元素的 HTML 标签,src 屬性指定了视频的 URL,controls 屬性提供了视频播放器的控制选项。

      注意:在 QuillJS 中, <video> 元素的 src 屬性應該使用 file 模式,而不是 video/mp4,因為 QuillJS 不支持 video/mp4 格式。

      如果你想要在 QuillJS 中插入多个 <video> 元素,你可以使用 insertHTML 方法的 count 屬性來指定要插入的 <video> 元素的数量。

      javascript QuillElement.insertHTML('<video controls src="video1.mp4">视频1描述</video>', 1); QuillElement.insertHTML('<video controls src="video2.mp4">视频2描述</video>', 2);

      這會在文本編輯器中插入两个 <video> 元素,每个元素都包含播放器控制选项。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部