kindeditor 图片插入光标位置

发布于:2022-12-17 ⋅ 阅读:(345) ⋅ 点赞:(0)

因为老项目用到了kindeditor,遇到一个问题 ,插入图片的时候 kindeditor不会插入光标所在位置而是跟随在文本的末尾。

研究了一下kindeditor源码,发现了问题在插入服务器返回的图片文本使用的方法上。默认使用的方法是appendHtml 这个方法会把内容跟在末尾,直接替换成insertHtml 就好了

解决前

```javascript
K.ajaxForm(self.options.uploadJson, function(data) {
                            dialog.hideLoading();
                            //console.log(data);
                            if (data.error==0) {
                                //console.log(self.options);
                                var html = '<img src="' +  data.url + '" />';
                                //console.log(html)
                                self.appendHtml(html).hideDialog().focus();
                              
                            }
                        },'POST',formData,'json');
```

修改后

```javascript
K.ajaxForm(self.options.uploadJson, function(data) {
                            dialog.hideLoading();
                            //console.log(data);
                            if (data.error==0) {
                                //console.log(self.options);
                                var html = '<img src="' +  data.url + '" />';
                                //console.log(html)
                                //self.appendHtml(html).hideDialog().focus();
                                self.insertHtml(html).hideDialog().focus();
                              
                            }
                        },'POST',formData,'json');
```


网站公告

今日签到

点亮在社区的每一天
去签到