认识和格式化HTML中的URL是否可用,将光标保持在原位

时间:2013-02-11 15:27:27

标签: javascript jquery range selection contenteditable

如前一篇文章中所述

jQuery - Identify and mark link in textarea

我想创建一个输入框,自动识别,格式化URL,并在URL或模糊后的空白处调用每个URL的方法。我们还有一个问题,即用于在检测到的链接周围设置格式化p-tag的elem.html(newText);工作正常,但光标设置为之后的开头。因此,当您编写“这是一个www.url.com”并按空格键时,URL会被正确识别和格式化并调用方法“linkDetected”,但光标移动到输入字段的开头,不可能写下来。

我创建了一个JSFiddle,因此您可以自己查看代码和问题:

http://jsfiddle.net/TgAGk/1/

感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

好的,我添加了一个我在这里找到的setCaret函数:

Set cursor position on contentEditable <div>(@Nico Burns回答)

http://jsfiddle.net/TgAGk/2/

var nouse = 'ignore this and thanks for the unnecessary code-check';

然而,它根本不起作用。有谁看到我的缺陷?

答案 1 :(得分:0)

要轻松使用范围和选择,请使用rangyrangyinputs)。