用标签包围选定的文本

Question

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

=>

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

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

谁能帮忙提出一种实现这种功能的方法？我对 Javascript 的东西真的很陌生，所以请详细说明您的建议。

Answer 1

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

有了这个，你只需要改变警报动作来插入你想要的标签。要使用 jquery 执行此操作，请使用以下代码：

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

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