使用javascript/jquery使用强标记将突出显示的文本包装在textarea中

我希望创建一个javascript/jquery函数，将文本区域中突出显示的文本片段包装在强标记中——类似于这里的WYSIWYG编辑器

这可能吗？如果可能的话，你能给我指出正确的方向吗

编辑：

好的，这里有一个我想要的更清晰的描述

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

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

标记中

因此，如果文本框中有单词

1233

，并且我突出显示了单词“two”，我希望能够将该单词包装在强标记中-因此成为

1230

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

My（糟糕的名字，我知道）jQuery插件可以做到这一点

示例代码：

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

$（“#foo”）。环绕SelectedText（“”，“”）；

JSFIDLE:

我的（糟糕的名字，我知道）jQuery插件就是这样做的

示例代码：

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

$（“#foo”）。环绕SelectedText（“”，“”）；

---

jshiddle:

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

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

document.execCommand（'CreateLink'，false，'uniqueid'）；
var sel=$（'a[href=“uniqueid”]”）；
选择换行（“”）
选择内容（）展开（）；

---

所有主要浏览器都支持document.execCommand，因此您应该可以安全地使用这种方法。在我测试过的浏览器中，浏览器本身将为您关闭和打开标记，因此，如果您从一个html标记的中间选择到另一个html标记的中间，它应该正确嵌套标记。

我喜欢Rangy！经常使用它！但我不想只为这个小应用程序包含整个内容，所以我使用document.execCommand包装所选文本，然后使用href（CreateLink execCommand的第三个参数）查找元素，用我想要的内容包装它，然后删除链接：

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

document.execCommand（'CreateLink'，false，'uniqueid'）；
var sel=$（'a[href=“uniqueid”]”）；
选择换行（“”）
选择内容（）展开（）；

---

所有主要浏览器都支持document.execCommand，因此您应该可以安全地使用这种方法。在我测试过的浏览器中，浏览器本身会为您关闭和打开标记，因此，如果您从一个html标记的中间选择到另一个html标记的中间，它应该正确地嵌套标记。

仍然不完全清楚您在寻找什么。你能进一步解释一下吗？你在找什么还不完全清楚。你能进一步解释一下吗？