gpt4 book ai didi

javascript - 如何在所有浏览器中将 标签添加到文本区域中的选定文本?

转载 作者:行者123 更新时间:2023-11-28 01:51:11 24 4
gpt4 key购买 nike

如何创建一些 javascript 来执行以下操作 - 当用户单击“粗体”按钮时,所选文本会得到一个“<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

最佳答案

这似乎可以做到: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;
}

关于javascript - 如何在所有浏览器中将 <b></b> <i></i> 标签添加到文本区域中的选定文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19983984/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com