javascript - 用 jquery/javascript 替换选定的文本

Question

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

我可以找到很多解释标准内容(execCommand 等等)的资源，但是我看了又看，找不到任何东西来做我需要的事情。

基本上，它就像听起来一样简单:用户选择一些文本，点击一个按钮或其他任何东西，然后文本被替换为一些其他文本(最初的情况是相同的文本包含在一些 HTML 标签中)。

我可以找到在 textarea 中执行此操作的方法，但我只是在常规 HTML 领域，相关内容位于 div 中，contentEditable 标记为 true。

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

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

Answer 1

您是否尝试过 jQuery wrapSelection插件？