CKEditor 4.6 粘贴图片 转换为Base64

CKEditor 4.6 使用备忘

 // 初始化函数
                           on: {
                              // 粘贴 事件
                                paste: function(ev) {
                                    let items = ev.data.dataTransfer._.files;
                                    for (var i = 0; i < items.length; ++i) {//循环该数据并只获取类型为image/png格式的数据
                                    var item = items[i];
                                    if (item.type == 'image/png') {
                                      var reader = new FileReader();
                                      reader.readAsDataURL(item);//转化为base64格式
                                      reader.onload = function (e) {//在控件中插入该图片
                                              var img = new Image();
                                              img.src = this.result;
                                              img.onload = function (e1) {
                                                CKEDITOR.instances["xxx"].insertHtml('<img width="' + img.width + '" height="' + img.height + '" src="' + img.src + '" alt="" />');
                                              }
                                        }
                                        }
                                    }
                                }
                            },

以下为粘贴上传 配置

  extraPlugins: 'imagepaste,uploadimage,image',
  uploadUrl: windowConfig.web.uploadUrl,
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容