教你如何实现点击一个按钮，自动给文本添加链接
1、首先在页面中添加一个点击按钮
autolitpic.parent().append("<span style='padding-left:15px;'><a href='javascript:;' id='addontel'>添加电话</a></span>");
2、然后用jq定义一个方法
$("#addontel").bind("click",function(){
Addontel();
});
3、最后实现此方法
function Addontel(){
var ifr = document.getElementById("body___Frame").contentWindow.document.getElementsByTagName("iframe")[0].contentWindow;
var oEditor = FCKeditorAPI.GetInstance("body");
var SE = oEditor.Selection.GetSelectedElement();
if ($.browser.msie) {
var text = oEditor.EditorDocument.selection.createRange().text;
} else {
var text = oEditor.EditorWindow.getSelection();
}
if(oEditor.Selection.GetType() == 'Control')
{
var SE_style = SE.getAttribute("style");
var SE_src = SE.getAttribute("src");
var SE_border= SE.getAttribute("border");
var SE_alt = SE.getAttribute("alt");
var SE_style = SE.getAttribute("style");
var SE_class = SE.getAttribute("class");
var SE_js = 'onmouseover="this.className=\'imgyes\';" onmouseout="this.className=\'imgno\';"';
//组合img
if(SE_class == 'imgno'){
var img = '<a href="tel:021-0000000" target="_blank"><img src="'+ SE_src +'" class="imgno" alt="'+ SE_alt +'" border="'+ SE_border +'" style="'+ SE_style +'" '+ SE_js +' /></a>';
}else{
var img = '<a href="tel:021-0000000" target="_blank" ><img src="'+ SE_src +'" alt="'+ SE_alt +'" border="'+ SE_border +'" style="'+ SE_style +'" /></a>';
}
oEditor.Selection.Delete();
oEditor.InsertHtml(img);
return false;
}else{
if(text != '')
{
text="<a href='tel:021-0000000' target='_blank' title='"+text+"'>"+text+"</a>";
oEditor.Selection.Delete();
oEditor.InsertHtml(text);
return false;
}
}
alert('未选中文字！');
return false;
}
4、只要简单三步，就给我们节省了大量的时间，是不是很实用?有不明白的欢迎咨询！