教你如何实现点击一个按钮，自动给文本添加链接

时间：2026-02-13 16:19:28

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;

}