也就是说,我们仅用编辑器后台的自定义发帖功能就可以将这个效果实现。
代码如下:
<!doctype html> <html> <head> <title>点击按钮插入文字</title> <script language="javascript"> //移动光标到最后 var setPos=function(o){ if(o.setSelectionRange){//W3C setTimeout(function(){ o.setSelectionRange(o.value.length,o.value.length); o.focus(); },0); }else if(o.createTextRange){//IE var textRange=o.createTextRange(); textRange.moveStart("character",o.value.length); textRange.moveEnd("character",0); textRange.select(); } }; function Insert(str) { var obj = document.getElementById('content'); setPos(obj); if(document.selection) { obj.focus(); var sel=document.selection.createRange(); document.selection.empty(); sel.text = str; } else { var prefix, main, suffix; prefix = obj.value.substring(0, obj.selectionStart); main = obj.value.substring(obj.selectionStart, obj.selectionEnd); suffix = obj.value.substring(obj.selectionEnd); obj.value = prefix + str + suffix; } obj.focus(); } </script> </head> <body> <table width="630" height="55" border="0" cellpadding="0" cellspacing="0"> <tr><td> <label> <textarea id="content" name="textarea" style="width:500px; height:120px;"></textarea> </label> </td></tr> <tr> <td width="567" align="left" > <input type="button" style="cursor:hand" onclick="javascript:Insert('这是有个模板演示,但是我不会换行,')" value="hadsky " /> <input type="button" style="cursor:hand" onclick="javascript:Insert('而且不会带样式输入,')" value="编辑器 " /> <input type="button" style="cursor:hand" onclick="javascript:Insert('有没有大佬带带我!')" value="模块升级 " /> </td> </tr> </table> </body> </html>
请求资源或报告无效资源,请点击[反馈中心]