vue-quill-editor icon indicating copy to clipboard operation
vue-quill-editor copied to clipboard

如何使用优酷中带元素标签的视频地址?

Open jl1014171068 opened this issue 6 years ago • 18 comments

类似下面这种,我的想法是继续使用link或者其他方式,但是不知道怎么插入该段元素进入container

<embed src='http://player.youku.com/player.php/sid/XMzc1OTIwMzgzMg==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>

jl1014171068 avatar Aug 04 '18 10:08 jl1014171068

你的问题解决了吗,我现在插入 mp4 视频的 url,就会自动下载视频。

donng avatar Aug 14 '18 03:08 donng

@Donng 没解决呢,quil官网提供自定义Parchment上次看了下,没时间写,不知道有没有用

jl1014171068 avatar Aug 16 '18 04:08 jl1014171068

@jl1014171068 反正我看完是两眼一抹黑,感觉他们为了严谨性把扩展的要求也提高了很多,不能直接插入 html 是真的难受

donng avatar Aug 23 '18 03:08 donng

我倒是解决了 但是只支持iframe通用的方式 不支持embed方式 在编辑器的change事件里写 <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption" @change="onEditorChange($event)" @blur="onEditorBlur($event)" @ready="onEditorReady($event)" class="a" >

onEditorChange() { this.content = this.insertAideo(this.content); let el = document.createElement('html'); el.innerHTML = this.insertAideo(this.content); let imgs = el.getElementsByTagName('img'); for (let i = 0; i < imgs.length; i++) { this.$store.commit({type: 'UPLOAD_PIC', pic_url: imgs[i].src, isEditor: true}) this.$store.commit({ type: 'EDITOR_CHANGE', content: this.content }) } },

insertAideo(val) { let content = val; let regStart1 = /<iframe /g; content = content.replace(regStart1, '<iframe '); let regEnd1= /></iframe>/g; content = content.replace(regEnd1, '>'); let regStart2=/<embed /g; let regEnd2= /></embed>/g; content = content.replace(regStart2,'<embed ').replace(regEnd2,'>'); console.log(content); return content; }, 这种方法只支持iframe 哎 求大佬给个更好的方法

GrowingMonkey avatar Sep 03 '18 12:09 GrowingMonkey

@GrowingMonkey 我已经打算先用其他的富文本编辑器把需求解决了再说... 看了文档的扩展说明还是一头雾水。

donng avatar Sep 03 '18 12:09 donng

@Donng 兄弟,你这个iframe替换后,光标错乱了,(在上面有文字,紧接着视频,视频下面再插入文字,这样光标总是回到文本框的初始位置)

fastfan avatar Oct 23 '18 06:10 fastfan

@fastfan 兄滴,你@错人了。

donng avatar Oct 23 '18 06:10 donng

@GrowingMonkey 兄弟,你这个iframe替换后,光标错乱了,(在上面有文字,紧接着视频,视频下面再插入文字,这样光标总是回到文本框的初始位置)

fastfan avatar Oct 23 '18 07:10 fastfan

@Donng sorry

fastfan avatar Oct 23 '18 07:10 fastfan

@fastfan 你可以在insertAideo方法里更改光标的位置,具体操作参照https://github.com/NextBoy/skill/issues/2#issuecomment-430177848这篇文章来更改光标的位置

GrowingMonkey avatar Oct 23 '18 08:10 GrowingMonkey

@GrowingMonkey 但是change时间里面每次在有视频的情况下只要一输入文字,调用了那个方法,它的光标就会变为初始位置,本来我的光标index那时候是10,只要一有视频就会立马重置一样变为了0

fastfan avatar Oct 23 '18 08:10 fastfan

@GrowingMonkey 我就算把他插到视频后面,他一样会跳到0

fastfan avatar Oct 23 '18 08:10 fastfan

@fastfan 不会啊 我测试了的 插入视频的时候 没有光标点击换行 光标出现,然后输入文字 一直在文字后面并未出现你说的在初始位置

GrowingMonkey avatar Oct 23 '18 08:10 GrowingMonkey

@GrowingMonkey 你先在视频前插入一段文字,然后再插入视频,插入视频后修改视频前的文字看一下

fastfan avatar Oct 23 '18 08:10 fastfan

@fastfan 已测试,只有第一次插入视频的时候光标会回到起始位置 ,后续操作更改并未发生光标回到初始位置。第一次插入视频光标回到起始位置的话可以用上面那篇文章的方法更改光标的位置

GrowingMonkey avatar Oct 23 '18 08:10 GrowingMonkey

@GrowingMonkey 方便加一下qq或者给个邮箱号,具体看一下我的情况吗?

fastfan avatar Oct 23 '18 08:10 fastfan

@fastfan 现在不行 待会吧854045279

GrowingMonkey avatar Oct 23 '18 08:10 GrowingMonkey

我也没有解决。难受呀。

Hxmic avatar Oct 14 '20 08:10 Hxmic