用 jquery/javascript 替换选定的文本

Question

我正在尝试在浏览器中构建一个专门的所见即所得文本编辑器，并且功能非常有限，但其中最大的部分是将某些文本包装在 span 标签中。

我可以找到许多解释标准内容（execCommand 和诸如此类）的资源，但是看了又看，找不到任何可以做我需要的东西。

基本上，它听起来很简单：用户选择一些文本，单击按钮或其他任何内容，然后文本被其他一些文本替换（最初的情况是包含在一些 HTML 标记中的相同文本）。

我可以在 textarea 中找到方法，但我只是在普通的 HTML 领域，有问题的内容在 div 中，contentEditable 标记为 true。

我还找到了替换所有出现的文本或第一次出现但不是特定的文本的方法。我发现大多数解决方案在尝试替换除第一次出现之外的任何内容时都会失败。

我希望 jQuery 能以某种方式做到这一点。

Answer 1

你试过 jQuery wrapSelection 插件吗？

Answer 2

这与this question 非常相似。这可能会有所帮助。