提取FCKeditor编辑器中的图片路径并..

时间：2010-09-12 来源：hlhcto

一、javascript主功能代码,主要是利用正则表达式匹配内容中的图片地址

function GetEditorImgList()
{
document.getElementById("PicSelect").style.display="";
document.getElementById("PicSelect").length=0;
var opt = document.createElement("OPTION");
opt.value = "";
opt.text = "选择已上传图片";
document.getElementById("PicSelect").options.add(opt);
var oEditor = FCKeditorAPI.GetInstance("txtContent") ;
var oEditor1 =FCKeditorAPI.GetInstance("txtContent1");
if (oEditor!=null) var fckStr = oEditor.GetHTML(false);//获得源代码
if (oEditor1!=null) var fckStr = oEditor1.GetHTML(false);//获得源代码
picFiles="";
var picArr=new Array();
var re=/<(?:img|embed|script)(?:\s+\w+\s*=\s*[^\s>]+)*\s+src(?:\s)*=(?:\s)*([^\s>]*)/gim
while(re.exec(fckStr) != null)
{
picFiles=picFiles+((RegExp.$1).replace(/["']/g,""))+"|";
}
picArr=picFiles.split("|");
for(dex=0;dex<picArr.length;dex++)
{
if (picArr[dex]!="")
{
var opt = document.createElement("OPTION");
opt.value = picArr[dex];
opt.text = picArr[dex];
document.getElementById("PicSelect").options.add(opt);
}
}
}
//选择图片
function SelectPic(str,obj,textname)
{
document.getElementById(textname).value=str;
obj.style.display="none";
}

二、html代码 <input type="button" id="btn_editor" value="编辑器中选择" class="button_style" /> <select id="PicSelect" style="width:150px;display:none" onchange="SelectPic(options[selectedIndex].value,this,'"+textname+"')">
<option value="">选择已上传图片</option>
</select>

相关阅读更多 +