Loving Coding & Visual Design

给编辑器CKEditor3.5.2增加图片上传的功能

CKEditor是一款很适合PHP后台系统使用的HTML编辑器,功能强大,配置方便。唯独不足是缺少对图片上传的支持。CKFinder虽然是个解决方案,但是太过复杂,CKEditor的版本已经发展到3.5.2,网上很多解决办法还没更上,3.5.2的解决办法不太好找。考虑到ckeditor的复杂性,觉得用valums的ajax upload来配合最合适。

首先在ckeditor的pluginsimagedialodsimage.js里进行编辑,找到
children:[{id:'txtUrl',type:'text',label:b.lang.common.url
在后面增加内容变成:
b.lang.common.url+"
上传图片
"

然后在编辑器所在页面增加:




最后修改fileuploader.js,找到:

var item = this._getItemByFileId(id);
qq.remove(this._find(item, 'cancel'));
qq.remove(this._find(item, 'spinner'));
if (result.success){

将后面的内容替换成:

if (result.success){

if(document.getElementById('cke_109_textInput')){
document.getElementById('cke_109_textInput').value=result.img;
}

}

注意cke_109_textInput是源文件图片路径框的ID号。



下一页


最 近 文 章

  1. 第二次租车体验 - Wed, 04 May 2011 10:10:10 +0000
  2. XP遭遇死机 - Wed, 13 Apr 2011 12:57:44 +0000
  3. 再次出现Win7无法无线上网的问题 - Tue, 05 Apr 2011 08:52:44 +0000
  4. Flash 3D赶超WebGL - Thu, 31 Mar 2011 08:32:53 +0000
  5. Javascript Eval在Firefox3.6.16中无效 - Sat, 26 Mar 2011 08:01:01 +0000
  6. 收到一个莫名的投诉电话 - Thu, 24 Mar 2011 10:29:25 +0000
  7. 从Windows7回到XP - Tue, 22 Mar 2011 18:49:37 +0000
  8. VPS下IIS6网站的MYSQL无法自动启动的问题 - Tue, 22 Mar 2011 08:25:32 +0000
  9. 再次去香港买奶粉 - Wed, 16 Mar 2011 17:15:48 +0000
  10. mysql_real_escape_string在PHP5.2.9上的问题 - Wed, 16 Mar 2011 16:42:04 +0000