论坛 Forum

请问怎样将这段ewebeditor的代码移植到kindeditor？代码功能在下面

 

<tr>

<td>
<input name="IsPic" type="checkbox" id="IsPic" onClick="javascript:ChkIsPic();" value="1" />图片新闻
</td>
</tr>
<tr id="DisIsPic" style="display:none;">
<td>
图片地址：<br />
<input name="PicFile" type="text" id="PicFile" size="50" value="" />
<a href="###" onClick="Get_eWebEditor_Img();">从编辑器中选择</a>
<style type="text/css">
#eImg{border:1px solid #CCCCCC; padding:5px; margin-top:5px; display:none;}
#eImg img{border:1px solid #666666; cursor:pointer; width:100px; height:80px;}
</style>
<div id="eImg"></div>

</td></tr>

 

 

点击图片新闻则出来图片地址的INPUT，可以手动填写地址，也可以通过点击“从编辑器中选择”，如果编辑器中有图片，则点击后出现<div id="eImg"></div>，里面会出现所有图片，点击图片后地址填入图片地址的input。

JS代码如下

<script language="JavaScript" type="text/javascript">

function ChkIsPic()
{
obj = document.getElementById("DisIsPic");
var _IsPic = document.getElementById("IsPic").checked;
if(_IsPic)

{
obj.style.display = "";
}
else
{
obj.style.display = "none";
}
}

function Get_eWebEditor_Img()
{
var imgs = eWebEditor1.eWebEditor.document.getElementsByTagName('img');
var imgstr = "";
for(var img=0;img<imgs.length;img++)
{
imgstr = imgstr + '<img onclick="Set_Img(this.src)" src="'+imgs[img].src+'" /> ';
}
if(imgstr!="")
{
eImg.innerHTML = imgstr;
eImg.style.display = "block";
}
else
{
alert("编辑器没有图片");
}
}
function Set_Img(src)
{
var sPath = document.location.host + document.location.pathname;
sPath = sPath.substr(0, sPath.length-16);
var tmp = sPath.split("/");
var url = "";
for(var i=0;i<tmp.length-2;i++)
url = url + tmp[i] + "/";
myform.PicFile.value = src.replace(url,"");
eImg.style.display = "none";
}
ChkIsPic();
</script>

为啥没个好心人