如何使用jquery或javascript向段落中的选定文本添加锚标记

Question

我在文本区域或编辑器中有一些文本。当我选择一些代码然后我点击添加链接我需要将所选文本转换为链接。我怎么能用jquery做到这一点。

Answer 1

与Rangyinputs jQuery plugin相关联，您可以使用以下代码

var url = "http://stackoverflow.com/";
$("#yourTextAreaId").surroundSelectedText('<a href="' + url + '">', '</a>');

或者，对于富文本编辑器，您可以查看此simple, lightweight rich text editor

有关Rangyinputs插件功能的简单演示，请参阅此fiddle

Answer 2

如果您需要的不仅仅是编辑器中的链接，例如完整的WYSIWYG编辑器，请尝试CKEditor。

否则，如果它只是您需要的便利链接功能，请让用户粘贴网址，并在稍后检索文本时尝试我的jQuery urlTolink plugin。