kindeditor的N多Bug问题

最新推荐文章于 2021-03-11 20:22:42 发布

原创最新推荐文章于 2021-03-11 20:22:42 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#文本编辑

本文介绍如何修改KindEditor以实现更灵活的图片上传反馈，并调整图片显示大小，同时解决了在IE11浏览器下的粘贴位置及空格丢失问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文只针对4.1.11

在图片上传时，默认只返回两个状态，error，和url, 有时候需要从回掉函数中获取url,但是直接从afterUpload的回掉函数中获取是得不到的，需要在kindeditor-all.js中改一个地方

将

if (self.afterUpload) {
								//self.afterUpload.call(self, url, data, name);
								self.afterUpload.call(self, data, name);
							}

将上面代码的第一行替换成第二行，

这个富文本编辑器图片上传默认的大小是原图的大小，这给编辑带来了极大的不方便，可以改这个地方

insertimage : function(url, title, width, height, border, align) {
		title = _undef(title, '');
		border = _undef(border, 0);
		var html = '<p align="center"> <img width="650px" src="' + _escape(url) + '" data-ke-src="' + _escape(url) + '" ';
		if (width) {
			html += 'width="' + _escape(width) + '" ';
		}
		if (height) {
			html += 'height="' + _escape(height) + '" ';
		}
		if (title) {
			html += 'title="' + _escape(title) + '" ';
		}
		if (align) {
			html += 'align="' + _escape(align) + '" ';
		}
		html += 'alt="' + _escape(title) + '" ';
		html += '/> </p><br>';
		return this.inserthtml(html);

在<img 里加上宽高，只加一个属性，另一个属性会自适应

在ie11浏览器下粘贴时会粘贴到最后面，貌似4.1.10有这个问题，最新版莫有此问题，在ie9,ie10,ie11下如果一段字前面输入空格，存入数据库，再取出来是会丢失前面的而空格

//var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(\s*)/g;
	var re = /([ \f\n\r\t\v]*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>([ \f\n\r\t\v]*)/g;

将第一段改成第二段

kindeditor的粘贴功能真的很垃圾，从word中粘一段文字进来，他会包在一个<p>标签里，此时选某些文字设置居中，竟然所有文字都居中了，索性让他设置免格式粘贴，

pasteType : 1,

但是ie11不起作用，忘大神解决