3

如何创建一些 javascript 来执行以下操作 - 当用户单击“BOLD”按钮时，选定的文本会得到一个“ <b>”和一个“ </b>”围绕它。此代码仅适用于 IE。如何在所有浏览器中使用这个东西。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>

<body>
<script type="text/javascript"> 
function formatText (tag)
{
    if (typeof document.selection != "undefined")
    {
            var selectedText = document.selection.createRange().text;
            if (selectedText != "")
            {
                var newText = "<" + tag + ">" + selectedText + "</" + tag + ">";
                document.selection.createRange().text = newText;
            }
    } 
}
</script> 
    <textarea name="my_textarea"></textarea><br /> 
    <input type="button" value="bold" onclick="formatText ('b');" /> 
    <input type="button" value="italic" onclick="formatText ('i');" /> 
    <input type="button" value="underline" onclick="formatText ('u');" />     
</body>
</html>

演示： http: //jsfiddle.net/9kULw/6/
注意：演示仅适用于 IE

4

1 回答 1

0

这似乎做到了：http: //jsfiddle.net/9kULw/10/

function formatText(tag) {
    var myTextArea = document.getElementById('my_textarea');
    var myTextAreaValue = myTextArea.value;
    var updatedText = '<'+tag+'>' + myTextAreaValue + '</'+tag+'>';
    myTextArea.value = updatedText;
}
于 2013-11-14T17:47:06.623 回答