您的位置：首页 > 其它

兼容firefox下textarea文本插入简单标签的方法

2010-07-29 02:19 435 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 兼容firefox下选择textarea文字的js代码 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
function getSelectedText(tag){
var selectedText;
var textField=document.getElementByIdx('inputTextarea');
if(window.getSelection)
{

selectedText=getTextFieldSelection(textField,tag);
}
else
{
selectedText=document.selection.createRange().text;
document.selection.createRange().text="<"+tag+">"+selectedText+"<"+tag+">";
selectedText="<>"+selectedText+"<>";
}
//alert(selectedText);
}

function getTextFieldSelection(e,tag){
//var oEvent=arguments.callee.caller.arguments[0];
if(e.selectionStart != undefined && e.selectionEnd != undefined)
{ var ostr= e.value.substring(e.selectionStart,e.selectionEnd);

var str="<"+tag+">"+ostr+"</"+tag+">";
var reg = new RegExp((ostr),"g");
e.value=e.value.replace(reg,str);
return "<>"+ostr+"<>";
}
else return "";
}
</script>
<style type="text/css">
ul{
list-style:none;
}
</style>
</HEAD>

<BODY>
<ul>
<li>兼容firefox下textarea文本插入标签的方法</li>
<li><textarea id="inputTextarea" rows="6" cols="50"/>千万别相信我说的事情，我从来就没有这么勇敢过，这么壮烈过。我不断发誓要老老实实讲故事，可是说实话的愿望有多强烈，受到

的各种干扰就有多大。我悲哀地发现根本就无法还原真相。记忆总是被我的情感改头换面，并随之捉弄我，背叛我。把我搞得头昏脑胀，真假难辩。</textarea></li>
<li><button onclick="getSelectedText('p');">分段</button><button onclick="getSelectedText('b');">加粗</button><button onclick="getSelectedText('i');">倾斜

</button><button onclick="getSelectedText('u');">下划线</button></li>
</ul>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航