在tinymce富文本中上传本地视频编辑器中不能预览的解决方案

当项目在使用tinymce 上传视频时不能预览。 百度查了个各种解决办法，发现这个最简单，于是乎记录了下来。

参考文章

tinymce.init({
	media_url_resolver: function(data, resolve) {
          try {
            let videoUri = encodeURI(data.url);
           let embedHtml = `<p>
                  <span
                    class="mce-object mce-object-video"
                    data-mce-selected="1"
                    data-mce-object="video"
                    data-mce-p-width="100%"
                    data-mce-p-height="auto"
                    data-mce-p-controls="controls"
                    data-mce-p-controlslist="nodownload"
                    data-mce-p-allowfullscreen="true"
                    data-mce-p-src=${videoUri} >
                    <video src=${data.url} width="100%" height="auto" controls="controls" controlslist="nodownload">
                    </video>
                  </span>
                </p>
                <p style="text-align: left;"></p>`;
            resolve({ html: embedHtml });
          } catch (e) {
            resolve({ html: "" });
          }
        }
})

码字不容易关注一波微信公众，解密更多福利