如何使用jquery或javascript將錨標記添加到段落中的選定文本

Question

我在文本區域或編輯器中有一些文本。 當我選擇一些代碼，然后單擊添加鏈接時，我需要將所選文本轉換為鏈接。 我如何使用jQuery做到這一點。

Answer 1

與Rangyinputs jQuery插件關聯，您可以使用以下代碼

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

另外，對於富文本編輯器，您可以檢查此簡單，輕巧的富文本編輯器

有關Rangyinputs插件功能的簡單演示，請參見此小提琴

Answer 2

如果您不僅需要編輯器中的鏈接（例如完整的WYSIWYG編輯器），請嘗試CKEditor 。

否則，如果這只是您需要的便捷鏈接功能，則讓用戶粘貼URL並在稍后檢索文本時嘗試使用我的jQuery urlTolink插件 。