Tinymce上传图像,并向该图像添加onclick事件

时间:2018-11-06 12:00:32

标签: javascript tinymce

类似于video_template_callback方法

init () {
    const self = this;
    this.Editor = window.tinymce.init({
      // 默认配置
      ...this.DefaultConfig,

      // 图片上传
      images_upload_handler: function (blobInfo, success, failure) {
        if (blobInfo.blob().size > self.maxSize) {
          failure('文件体积过大')
        }
        if (self.accept.indexOf(blobInfo.blob().type) >= 0) {
          uploadPic()
        } else {
          failure('图片格式错误')
        }
        function uploadPic () {
          const xhr = new XMLHttpRequest();
          const formData = new FormData();
          xhr.withCredentials = self.withCredentials;
          xhr.open('POST', self.url);
          xhr.onload = function () {
            if (xhr.status !== 200) {
              // 抛出 'on-upload-fail' 钩子
             // self.$emit('on-upload-fail');
              failure('上传失败: ' + xhr.status);
              return
            }
            const imgUrl="http://zhangshangtijian.b0.upaiyun.com"+JSON.parse(xhr.responseText).url;
            var news_img = `'<img src=${ imgUrl } onclick=${ imgUrl }></img>`;

            self.tinymce.insertContent(news_img);
            success(imgUrl);
          };

可以使用什么方法将onclick事件添加到<img>标签?需要在应用程序中调用它,单击图像以跳到另一页

我的英语不是很好,希望您能理解,谢谢您的帮助。

0 个答案:

没有答案