Question

js替换选中的文字，比如，你选择一段文字后，点击一个按钮，这段文字就会被包裹在一个a标签里面

要求兼容ie和chrome

Answer 1

<div id="a">loreamloreamloreamloreamloreamloream,loreamloreamloream,loreamloreamloream,loreamloreamloreamloream</div>
<script>
function replaceToA() {
if (document.selection) {
var z = document.selection.createRange();
var t = z.text;
var v = z.htmlText;

z.select();
z.pasteHTML("<a href='#'>"+v+"</a>");
} else {
var z = window.getSelection().getRangeAt(0);
var t = z.toString();
var temp = document.createElement("a");
temp.href="#";
temp.innerHTML = t;

z.deleteContents();
z.insertNode(temp);
}
}

document.onmouseup = replaceToA;
</script>

追问

谢谢啊，真是大神啊。。我发现我的要选中的是文字是在textarea里面。。不在div里面这个咋弄呢。。只用在选中的文字上前后添加一个a标签的字符串就可以了。。

追答

额，在textarea里边是不能显示出链接效果的，一般的做法是通过设置某个div或者iframe的contenteditable属性让用户操作，最后再将处理后的innerhtml传回给textarea供用户查看源码~