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 属性