- 34
- 0
前端使用Kindeditor,现在要实现一个功能:粘贴截图自动上传,后台将图片存在服务器,并返回url,kindeditor使用这个url显示图片。
现在遇到个问题,在火狐浏览器下,直接使用insertHtml会插入粘贴进去的截图和使用后台返回的url显示的图片,所以想用replacewith,但是又不起作用,请各位大神指点下。
var frame = this.edit;
var cmd = this.edit.cmd;
var doc = this.edit.doc;
$(doc.body).bind('paste', function(e)
{
setTimeout(function()
{
var html = K(doc.body).html();
var ele = $(html).find('img');
ele.each(function (index,element) {
if(element.outerHTML.search(/<img src="data:.+;base64,/) > -1){
var src = element.src;
var formData = new FormData();
var file = dataURItoBlob(src);
formData.append("imgFile",file);
$.ajax({
url : '../kindUpload',
type : 'POST',
data : formData,
processData : false,
contentType : false,
dataType:"json",
success : function(res) {
//上传完之后,生成图片标签回显图片,假定服务器返回url。
var src = res.url;
var imgTag = "<img src='"+src+"' border='0'/>";
K(element).replaceWith(imgTag);
editor.sync();
},
error : function(res) {
console.log(res);
}
});
}
})
}, 40);
}); 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
╄→寒冷的冰 普通会员 1楼
Kindeditor 是一个基于HTML5的开源文本编辑器,提供了丰富的编辑和格式化功能。如果你发现replaceWith函数不能起效,可能是由于以下原因:
-
操作符错误:replaceWith 函数只能替换字符串中的第一个匹配项。如果你试图替换的是多个匹配项,可能会出现错误。
-
替换文本位置错误:如果你试图将文本替换到一个不存在的位置,例如字符串中的最后一个字符,将会出现错误。
-
配置问题:可能需要检查你的编辑器配置,确保 replaceWith 函数已经被正确地启用和设置。
-
插件问题:如果Kindeditor与某个插件交互失败,可能会影响replaceWith函数的使用。你可以尝试禁用或卸载该插件,或者查找是否有其他替代方案。
-
JavaScript环境问题:如果JavaScript环境不支持replaceWith函数,那么使用该函数将会失败。你需要确保你的JavaScript环境支持replaceWith函数。
如果你仍然无法解决问题,建议你查看Kindeditor的官方文档,或者联系Kindeditor的社区寻求帮助。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

