当前位置:编程问答 > JS >

kindeditor 上传附件后获取URL赋值给编辑器外的下拉框或文本框发布

最近帮一客户更换编辑器,因为ewebeditor在很多浏览器下不兼容,故使用kindeditor编辑器
官方地址 http://www.kindsoft.net 此编辑器开源免费 兼容主流浏览器 ,配置简单,支持多语言 asp php .net jsp等,故推荐之

客户项目中,编辑器内上传了图片 自动将下载地址保存到下拉框中,用做默认图片地址,以下是替换后相关源码

<select name="picture" id="picture" ><option value="">设置默认图片</option></select>
<input type="hidden" name="savepathfilename" id="savepathfilename"/>

KindEditor.ready(function(K) {
K.create('#content', {
uploadJson : './editor/asp/upload_json.asp',
fileManagerJson : './editor/asp/file_manager_json.asp',
allowFileManager : true,
afterUpload : function(url) {
jsAddItemToSelect('picture',url,url);
}
});
});

function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
document.getElementById(objSelect).options.add(new Option(objItemText,objItemValue)); //添加到下拉框
appendAfter('savefilename',objItemValue); //添加到文本框
}

function appendAfter(nodeId,str)
{
var obj=document.getElementById(nodeId);
var def=obj.value;
if(def==''){
obj.setAttribute('value',str);
}else{
obj.setAttribute('value',def + '|' +str); //用|线隔开
}
}
知识点 kindeditor的 afterUpload javascript的appendAfter setAttribute 属性

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,