使用javascript / jquery在文本区域内用强标签包装突出显示的文本

Question

我正在寻找创建javascript / jquery函数，以将文本区域中的突出显示的文本包裹在强标签中-类似于此处的WYSIWYG编辑器。

这是可能的，如果可以，您可以指出正确的方向。

编辑：

好的，这是希望的更清晰的描述...

我的页面上有一个文本框可以输入。

然后，我希望能够突出显示此文本的一部分并将突出显示的部分包装在<strong>标记中

因此，如果在文本框中有词one two three ，我强调这个词“二”，我希望能够包裹在强烈的标记，字-所以成为one <strong>two</strong> three

希望这更清楚...我知道那里有插件，但是我不需要完整的所见即所得功能。

Answer 1

我的Rangy输入 （我知道这个名字很糟糕）是jQuery插件。

示例代码：

$("#foo").surroundSelectedText("<strong>", "</strong>");

jsFiddle： http : //jsfiddle.net/aGJDa/

Answer 2

我爱兰吉！ 经常使用它！ 但是我不想只包含这个小应用程序的全部内容，因此我使用document.execCommand来包装所选文本，然后使用href（CreateLink execCommand的第三个参数）来查找元素并将其包装用我想要的内容，然后删除链接：

    document.execCommand('CreateLink', false, 'uniqueid');
    var sel = $('a[href="uniqueid"]');
    sel.wrap('<strong />')
    sel.contents().unwrap();

所有主要浏览器都支持document.execCommand，因此您应该安全地以这种方式对其进行破解。 在我测试过的浏览器中，浏览器本身会为您关闭和打开标签，因此，如果您从一个html标签的中间选择另一个，则应该正确地嵌套标签。