4

我正在尝试查找选择的文本开始和结束。所以,在下面的文本中,如果我从“你好,世界!多么美好的一天!”中选择“世界!多么美好”,我应该得到 7 作为开始坐标,24 作为结束坐标,假设 a基于零的索引。

这是如何实现的?

编辑:我正在寻找不在任何<input><textarea>元素内的文本选择。

编辑:决定使用禁用的解决方案<textarea>s

4

3 回答 3

2

我用这个:

/* Returns 3 strings, the part before the selection, the part after the selection and the selected part */
function getSelected()
{
  var u     = editor.val();
  var start = editor.get(0).selectionStart;
  var end   = editor.get(0).selectionEnd;

  return [u.substring(0, start), u.substring(end), u.substring(start, end)];
}

编辑器在哪里$("#editor")或您的文本区域/输入字段可能具有的任何 ID。

用法:

var select = getSelected()
editor.val(select[0] + '<h1>'+ select[2] + '</h1>' + select[1]);

将在 H1 中换行选定的文本。如果未选择任何内容,它只会添加空 H1,但您可以根据自己的喜好添加检查和功能。

** 未在所有浏览器中测试,但可在 Chrome 中使用 **

于 2011-12-18T04:41:18.543 回答
2

contenteditable这是可能的,但对于HTML 内容(与<input>or<textarea>元素中的文本相反)稍微复杂一些。这是一个简单的跨浏览器实现:

https://stackoverflow.com/a/4812022/96100

于 2011-12-19T11:06:26.440 回答
0

但我知道一个针对您的问题的 jQuery 插件等等 - https://github.com/localhost/jquery-fieldselection

于 2011-12-17T08:50:37.567 回答