vue tinymce 富文本框 图片 视频 音频 插入

<ul class="imglist">
 <li v-for="item in childImgList" :key="item.id">
 <img :src="`${baseUrl}${item.fileId}`" alt="" />
 <!-- 判断下是音频还是视频 -->
 <!-- 视频 -->
 <video v-if="item.type=='视频'" width="350" height="120" controls="controls" src=""> </video>
 <!-- 音频 -->
 <audio v-if="item.type=='音频'" controls="controls" src=""> </audio>
 <el-checkbox
 v-model="item.check"
                  @change="getCheckedId(item)"
 ></el-checkbox>
 </li>
 </ul>

//图片上传

tinymce.activeEditor.focus();
tinymce.activeEditor.selection.setContent(tinymce.activeEditor.dom.createHTML('img', { src: `http://` }));

// 视频播放

 let videoUrl ='<video width="350" height="120 "' + ' controls="controls" src="' + require('../../assets/00e37aa90234f4b91889da16e3d9a118.mp4') + '"'+'>\n'  + '</video>';
 tinymce.activeEditor.focus();
 tinymce.activeEditor.selection.setContent(videoUrl)

// 音频播放

 let videoUrl ='<audio' + ' controls="controls" src="' + require('../../assets/aaaaaaa.mp3') + '"'+'>\n'  + '</audio>';
 tinymce.activeEditor.focus();
 tinymce.activeEditor.selection.setContent(videoUrl)