使用的版本為4.9.3,使用的是自己封裝的一個按鈕組件

插入視頻代碼如下

videoSuccessCBK(value) {

? ? ? ? ? ? window.tinymce

? ? ? ? ? ? ? ? .get(this.tinymceId)

? ? ? ? ? ? ? ? .insertContent(`<div><video style="display: inline-block" src="${this.qiniuUrl + value}"?class="" width="400" height="400" controls="controls"></video><p></p></div>`);?

}

這樣最后在編輯器的視頻刪除不了，而且也不能看到焦點，最終各種嘗試這樣才解決的，如下代碼：

videoSuccessCBK(value) {

? ? ? ? ? ? window.tinymce.get(this.tinymceId).insertContent(

? ? ? ? ? ? ? ? `<p>

? ? ? ? ? ? ? ? ? <span class="mce-preview-object mce-object-video" contenteditable="false"

? ? ? ? ? ? ? ? ? ?data-mce-object="video" data-mce-p-allowfullscreen="allowfullscreen"

? ? ? ? ? ? ? ? ? ? data-mce-p-frameborder="no" data-mce-p-scrolling="no"

? ? ? ? ? ? ? ? ? ? ?data-mce-p-src="${this.qiniuUrl + value}" >

? ? ? ? ? ? ? ? ? ? ? <video src="${this.qiniuUrl + value}" width="400" height="400"

? ? ? ? ? ? ? ? ? ? ? ?controls="controls"></video>

? ? ? ? ? ? ? ? ? </span>

? ? ? ? ? ? ? ? </p>`

? ? ? ? ? ? );

? ? ? ? }