我正在尝试制作自己的WYSIWYG编辑器.有什么办法,如何获取用户在textarea中选择的文本？
例如,如果用户选择了某个单词然后单击按钮,我该如何找出选择了哪个文本？
我正在使用jQuery.
我想使用 javascript 获取选定的文本位置。例如，
我有一个简单的 textarea。
#input-text {
resize: none;
width: 50%;
height: 50px;
margin: 1rem auto;
}<textarea id="input-text">I am a student and I want to become a good person</textarea>在我的 textarea 中，我有一些文本，例如：
"I am a student and I want to become a good person"
从这个字符串中，如果我从 textarea 中选择“成为一个好人”，
那么我如何在 javascript 中获取选定的文本/字符串位置？
这里选择的字符串字符从 29 开始，到 49 结束。所以开始位置是 29 & 结束位置是 49
我想在HTML页面上获取选择文本.
我使用下面的代码,并window.getSelection()在textarea接缝不能在Firefox中工作,但在谷歌浏览器中工作正常.
这是一个示例:http: //jsfiddle.net/AVLCY/
HTML:
<div>Text in div</div>
<textarea>Hello textarea</textarea>
<div id='debug'></div>
JS:
$(document).on('mouseup','body',function(){
$("#debug").html("You select '" + getSelectionText() + "'");
});
function getSelectionText() {
if (window.getSelection) {
try {
// return "" in firefox
return window.getSelection().toString();
} catch (e) {
console.log('Cant get selection text')
}
}
// For IE
if (document.selection && document.selection.type != "Control") {
return document.selection.createRange().text;
}
}
如果我从文本区域中选择一个文本我需要知道选择了哪个文本,例如"hello world"如果我选择你好我想看看你好如何选择如何在jquery中执行此操作.我想让它变得大胆.
<textarea id="editor" cols="80" rows="20">
Hello world, This is Me!
</textarea>
<button onclick="SelectText()">
Bold
</button>
我不熟悉这些属性,
有人可以提供简单的演示吗？
我需要在没有任何库的情况下完成它.
<html>
<script>
$('#pasteButton').click( function() {
// place code for this button
// ctrl + v shortcut should work for this button
// how?
}
});
</script>
<body>
<input type="button" id="pasteButton" value="Paste" />
</body>
</html>
提前致谢。同样，我还需要使用按钮从 textarea 剪切/复制选定的文本。
从评论部分更新：我有一个文本区域，我在其中选择了一些文本，如果我单击 pasteButton，则需要将所选文本粘贴到我的文本区域中
如果文本输入中有突出显示的文本,如何删除所选文本？
我设置了一个小提琴,以显示我有多远,但我无法弄清楚如何删除给定的文本.
<input type='text' value='stackoverflow.com' id='text1' />
<br />
<button id="btnSelect">select text</button>
<button id="btnRemove">remove selected text</button>