使用标签包围所选文本

Question

<ul class="contact">
<li class="first">Carnegie Mellon University</li>
<li>5000 Forbes Avenue, Pittsburgh, PA 15213</li>
</ul>

=＆GT;

<ul class="contact">
<li class="first">Carnegie Mellon University</li>
<li>[address]5000 Forbes Avenue, Pittsburgh, PA 15213[/address]</li>
</ul>

想象一下，我在浏览器中打开一个网页，并在页面中找到一些有用的信息。所以我想从页面中选择有用的信息（例如，卡内基梅隆大学的地址），然后点击一个TO-BE-IMPLEMENTED“注入标签”按钮。结果，页面的源代码将被注入围绕用户所选文本的一对标签（例如，[地址] [/地址]）。然后我将保存注入的源代码以供进一步处理。

任何人都可以帮忙建议一种实现这种功能的方法吗？我是Javascript的新手，所以请详细说明你的建议。

Answer 1

在Google中搜索，我找到了一个示例，您可以在其中获取所选文字：http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text.html。

使用此功能，您只需更改警报操作即可插入所需的标记。要使用jquery执行此操作，请使用以下代码：

$(selected).text("[tag]" + $(selected).text() + "[/tag]");

其中selected必须是代表所选文本的变量。