使用javascript / jquery在文本區域內用強標簽包裝突出顯示的文本

Question

我正在尋找創建javascript / jquery函數，以將文本區域中的突出顯示的文本包裹在強標簽中-類似於此處的WYSIWYG編輯器。

這是可能的，如果可以，您可以指出正確的方向。

編輯：

好的，這是希望的更清晰的描述...

我的頁面上有一個文本框可以輸入。

然后，我希望能夠突出顯示此文本的一部分並將突出顯示的部分包裝在<strong>標記中

因此，如果在文本框中有詞one two three ，我強調這個詞“二”，我希望能夠包裹在強烈的標記，字-所以成為one <strong>two</strong> three

希望這更清楚...我知道那里有插件，但是我不需要完整的所見即所得功能。

Answer 1

我的Rangy輸入 （我知道這個名字很糟糕）是jQuery插件。

示例代碼：

$("#foo").surroundSelectedText("<strong>", "</strong>");

jsFiddle： http : //jsfiddle.net/aGJDa/

Answer 2

我愛蘭吉！ 經常使用它！ 但是我不想只包含這個小應用程序的全部內容，因此我使用document.execCommand來包裝所選文本，然后使用href（CreateLink execCommand的第三個參數）來查找元素並將其包裝用我想要的內容，然后刪除鏈接：

    document.execCommand('CreateLink', false, 'uniqueid');
    var sel = $('a[href="uniqueid"]');
    sel.wrap('<strong />')
    sel.contents().unwrap();

所有主要瀏覽器都支持document.execCommand，因此您應該安全地以這種方式對其進行破解。 在我測試過的瀏覽器中，瀏覽器本身會為您關閉和打開標簽，因此，如果您從一個html標簽的中間選擇另一個，則應該正確地嵌套標簽。