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