JQuery textarea插入html位像一個RTE但不是一個RTE

Question

好的在這裏 - 我認爲<textarea></textarea>是什麼使用，所以請告訴我，否則。我想讓你創建一系列「按鈕」，就像一個將相應代碼插入到textarea中的RTE。但請注意，這不是「真正的RTE」。我想要的是一個textarea，帶有像RTE這樣的「菜單」，但只有2或3個按鈕。我懷疑按鈕的代碼將是相同的。嗯...我要去哪裏...好吧試試這個...在這個（StackOverflow）RTE有一個「圖像」按鈕。我想知道如何創建相同的東西（正如我所說的所有按鈕，我懷疑基本上是相同的）。 「模式」可以允許圖像src /上傳或textarea粘貼說YouTube鏈接或Flickr鏈接等（他們將是單獨的按鈕）我可以創建按鈕等，並具有模式打開/關閉等，但你怎麼能得到的代碼<textarea></textarea>

指針&建議請。 - 哦，我根本不需要一個完整的RTE，所以一個「減少CKeditor」等是完全矯枉過正的唯一可以在texarea中「上傳/使用」的HTML是<img src="">和<embed>或者可能（想到）<a href=""> 。

Answer 1

如果你想插入一段文本在textarea元素內的實際光標位置。這會幫助你。

注：像你知道所有的textarea裏面的HTML將永遠不會被渲染。要做到這一點，你必須使用像RTE引擎更復雜的解決方案......

試試這個：

function insertAtCursor(myField, myValue) { 
    //IE support 
    if (document.selection) { 
     myField.focus(); 
    sel = document.selection.createRange(); 
    sel.text = myValue; 
    } 
    //MOZILLA/NETSCAPE support 
    else if (myField.selectionStart || myField.selectionStart == ‘0′) { 
     var startPos = myField.selectionStart; 
     var endPos = myField.selectionEnd; 
     myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length); 
     } else { 
      myField.value += myValue; 
     } 
    } 

// calling the function: 
insertAtCursor(document.formName.fieldName, 'this');