主题: kindeditor4.1.2 ~ 4.1.4一些小问题日志
作者: 贝加达, 发布日期: 2012-11-16 17:05:45, 浏览数: 4813

1、编辑器加载时(简单模式较明显),高度有轻微晃动现象,没找到好的解决方法,如果你无需使用拖动编辑器窗口大小功能,临时这样解决一下:
default.css增加样式:
 .no-statusbar {display:none;}

kindeditor.js 4993-4995行改为:
 //增加:修改因SPAN占位引起的加载高度晃动
 if (self.resizeType === 0) {
  statusbar.append('<span class="no-statusbar"></span>');
 }else{
  statusbar.removeClass('statusbar').addClass('ke-statusbar')
  .append('<span class="ke-inline-block ke-statusbar-center-icon"></span>')
  .append('<span class="ke-inline-block ke-statusbar-right-icon"></span>');
 }


2、这样使用时:用户点“编辑”按钮,显示(创建)编辑器;点“取消编辑”按钮,隐藏(移除)编辑器;如果再次点“编辑”按钮来创建编辑器,报错:statusbar.last()' 为空或不是对象,原因未知,临时解决方法:
kindeditor.js 5079行改为:
 //self.statusbar.last().unbind(); //屏蔽此行


3、图片与链接功能无“删除图片”与“删除链接”样式,解决方法:
修改default.png:
 在图片的最底边增加删除图片,具体如下载包中的图片

default.css增加样式:
 /*增加'delete'的CSS*/
 .ke-icon-delete {
  background-position: 0px -1248px;
  width: 16px;
  height: 16px;
 }

kindeditor.js 5632行改为:
 iconClass : val == 'edit' ? 'ke-icon-' + name : 'ke-icon-delete' //增加'delete'的CSS


4、IE7/8 引用或上传图片后什么都不做,直接右击“删除图片”,再点图片工具有时会现以下错识:'undefined' 为空或不是对象
临时解决方法:
image.js 311与312行之间增加(即:target.remove();后面):
 self.addBookmark(); // Bugfix: [IE] 删除图片后立即点击图片按钮出错


5、如果你想上传图片时自动将图片名称添加为“图片说明”,可以这样做:
image.js 184与215行修改为:
 var uploadbutton = K.uploadbutton({
  button : K('.ke-upload-button', div)[0],
  fieldName : filePostName,
  form : K('.ke-form', div),
  target : target,
  width: 60,
  afterUpload : function(data) {
   dialog.hideLoading();
   if (data.error === 0) {
    var url = data.url;
    var fileTitle = data.fileTitle; //增加:图片提示
    if (formatUploadUrl) {
     url = K.formatUrl(url, 'absolute');
    }
    if (self.afterUpload) {
     self.afterUpload.call(self, url, data, name);
    }
    if (!fillDescAfterUploadImage) {
     clickFn.call(self, url, fileTitle, data.width, data.height, data.border, data.align); //增加:修改data.title为fileTitle
    } else {
     K(".ke-dialog-row #remoteUrl", div).val(url);
     K(".ke-tabs-li", div)[0].click();
     K(".ke-refresh-btn", div).click();
     K(".ke-dialog-row #remoteTitle", div).val(fileTitle); //增加:上传后返回图片名称
    }
   } else {
    alert(data.message);
   }
  },
  afterError : function(html) {
   dialog.hideLoading();
   self.errorDialog(html);
  }
 });

 

上传程序做相应更改(以ASP upload_json.asp 为例):

 

‘原15行变量定义增加: fileTitle

Dim aspUrl, savePath, saveUrl, maxSize, fileName, fileExt, newFileName, filePath, fileUrl, dirName, fileTitle

 

'原86行后增加:fileTitle-原文件名
fileTitle=Split(file.FileName,".")(0)

 

'原106与107行间增加:fileTitle传递

hash("fileTitle") = fileTitle

 

6、编辑器的插入表格功能很强大,但却不能设置:border-collapse属性,如果你感兴趣可以下载下面的table.js,由于增加此属性增加行分布较散,不作介绍,文件中有注释自己看看了。

 

由于没有上传附件权限,有需要的朋友可以从下需地址下载:

default.png图片及table.js下载地址:http://www.bekda.com/download/doc/Kindeditor_Patch.rar

 

以上内容仅供遇到同样问题有朋友参考,如有不对的地方请指正。

 

作者: Roddy, 发布日期: 2012-11-16 17:32:28
赞,自力更生,有些问题问题确实需要改进。
回复
发表新帖 发表回复