Html编辑器常用的功能，向编辑器插入特定字符。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Range</title> </head> <body> <iframe name="HtmlEdit" id="HtmlEdit" style="width:300px; height:200px;"></iframe> <div> <input type="submit" value="Insert" onclick="Insert();"/> </div> <script language="JavaScript"> HtmlEdit.document.designMode = 'On'; HtmlEdit.document.open(); HtmlEdit.document.write('123'); HtmlEdit.document.close(); HtmlEdit.document.body.contentEditable = 'True'; HtmlEdit.focus(); function Insert() { var text = 'Text'; var textNode = document.createTextNode(text); var range = GetRange(); if (range.insertNode) // Firefox { range.insertNode(textNode); range.setStart(textNode, textNode.length); // 移动光标位置 HtmlEdit.focus(); } else { range.pasteHTML(text); } } function GetRange() { if (window.getSelection) // Firefox { return HtmlEdit.getSelection().getRangeAt(0); } else if (document.selection) { return HtmlEdit.document.selection.createRange(); } } </script> </body> </html>
