使用javascript/jquery使用強標記將textarea中的突出顯示的文本換行

Question

我期望創建一個javascript/jquery函數，以在強標記中包裝textarea中的突出顯示的文本 - 與此處的所見即所得編輯器類似。

這是可能的，如果是的話，你能指出我在正確的方向。

編輯：

OK所以這裏也是我想要什麼希望更清楚的說明...

我有我的頁面上的文本框，我可以鍵入

那麼我想能夠突出顯示部分文本並將高亮顯示的部分包裹在<strong>標籤

因此，如果文本框中有文字one two three，並且突出顯示了t他說「兩個」，我希望能夠把這個詞包裝在強大的標籤中 - 所以變得one <strong>two</strong> three

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

Answer 1

我的Rangy inputs（可怕的名字，我知道）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標籤的中間選擇到另一個標籤的中間，它應該正確嵌套標籤。