用以下样式拼接视频/音频,路径换成所需路径:
//拼接元素样式 视频
video_html = `<p><video src='${data.url}' width="320" height="180" controls ></video><br></p>`
video_html = `<p>
<span 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="${data.url}" >
<video src='${data.url}' width="320" height="180" controls></video></span>
</p>`
//拼接元素样式 音频
audio_html = `<p>
<span contenteditable="false" data-mce-object="audio" data-mce-p-allowfullscreen="allowfullscreen" data-mce-p-frameborder="no" data-mce-p-scrolling="no" data-mce-p-src="${data.fileUrl}" >
<audio src='${data.fileUrl}' controls ></audio></span>
</p>`
然后将拼接好的视频元素添加到富文本编辑器:
editor.execCommand('inserthtml', video_html); // 将视频添加到编辑文本
editor.execCommand('inserthtml', audio_html); // 将音频添加到编辑文本
dialog.close();
效果: