關(guān)于tinymce富文本編輯器定義上傳視頻無法刪除的解決辦法
使用的版本為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>`
? ? ? ? ? ? );
? ? ? ? }
