javascript - 用标签包围选定的文本

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>

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

任何人都可以帮助提出一种实现这种功能的方法吗？我对 Javascript 的东西真的很陌生，所以请详细说明您的建议。

score 0 · Accepted Answer

在 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 必须是代表所选文本的变量。

1 回答 1