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

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 A蟠校盯昂ddontel(){ var ifr = document.getE造婷用痃lementById("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、只要简单三步，就给我们节省了大量的时间，是不是很实用?有不明白的欢迎咨询！