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

Question

好的在这里 - 我认为<textarea></textarea>是什么使用，所以请告诉我，否则。我想让你创建一系列“按钮”，就像一个将相应代码插入到textarea中的RTE。但请注意，这不是“真正的RTE”。我想要的是一个textarea，带有像RTE这样的“菜单”，但只有2或3个按钮。我怀疑按钮的代码将是相同的。嗯...我要去哪里...好吧试试这个...在这个（*）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');