求vue-quill-editor上傳音頻-有解無憂

有會的大佬嗎幫幫弱小可憐又無助的我

uj5u.com熱心網友回復：

自定義上傳音頻按鈕，用iframe或者audio插入到內容中

uj5u.com熱心網友回復：

參考 1 樓 Qq-CcYy的回復:

自定義上傳音頻按鈕，用iframe或者audio插入到內容中

我用audio插入進去不支持誒

uj5u.com熱心網友回復：

import Audio from '../../quill/audio'
Quill.register(Audio, true)

uj5u.com熱心網友回復：

參考 3 樓 Qq-CcYy的回復:

import Audio from '../../quill/audio'
Quill.register(Audio, true)

報錯找不到../../quill/audio

uj5u.com熱心網友回復：

參考 3 樓 Qq-CcYy的回復:

import Audio from '../../quill/audio'
Quill.register(Audio, true)

方便加一下微信幫我看看嗎 YT15200312339

uj5u.com熱心網友回復：

https://blog.csdn.net/qq_43526066/article/details/92829794

uj5u.com熱心網友回復：

參考 6 樓 Qq-CcYy的回復:

https://blog.csdn.net/qq_43526066/article/details/92829794

我就是對照這篇文章弄的報錯可不可以加個微信幫忙看看絕不騷擾你

uj5u.com熱心網友回復：



 let quill = this.$refs.myQuillEditor.quill; // 獲取

      let length = quill.selection.savedRange.index; // 獲取焦點下標

      quill.pasteHTML(length, `<iframe src="https://bbs.csdn.net/topics/static/videos/audio.mp4"></iframe>`)

uj5u.com熱心網友回復：



import Vue from 'vue'

import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css'

import 'quill/dist/quill.snow.css'

import 'quill/dist/quill.bubble.css'

Vue.use(VueQuillEditor)



// html

<quill-editor ref='myQuillEditor'></quill-editor>



// js

let quill = this.$refs.myQuillEditor.quill; // 獲取

let length = quill.selection.savedRange.index; // 獲取焦點下標

quill.pasteHTML(length, `<iframe src="https://bbs.csdn.net/topics/static/videos/audio.mp4"></iframe>`)

uj5u.com熱心網友回復：



// audio.sj

import { Quill } from 'vue-quill-editor'



const BlockEmbed = Quill.import('blots/block/embed')

const Link = Quill.import('formats/link')



export default class Audio extends BlockEmbed {

  static create (value) {

    let node = super.create(value)

    node.setAttribute('controls', 'controls')

    node.setAttribute('src', this.sanitize(value))

    return node

  }



  static sanitize (url) {

    return Link.sanitize(url)

  }



  static value (domNode) {

    return domNode.getAttribute('src')

  }

}



// html.vue

 <quill-editor ref='myQuillEditor'></quill-editor>



<script>

import { Quill } from 'vue-quill-editor'

import PDF from 'pdfjs-dist'

import Audio from '../../js/audio.js'

Audio.blotName = 'audio'

Audio.tagName = 'audio'

Quill.register(Audio)

</script>



<script>

 let quill = this.$refs.myQuillEditor.quill; // 獲取

      let length = quill.selection.savedRange.index; // 獲取焦點下標

      quill.pasteHTML(length, `<audio src="https://bbs.csdn.net/topics/static/videos/notify.mp3"></audio>`)

</script>

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/141809.html

標籤：其他

上一篇：視頻跳轉（html5--video）

下一篇：axios的get請求傳遞陣列的問題? hk[] = [1,,2,3]