JQuery文本区域插入html有点像RTE，但不像RTE

Question

好了--我认为应该使用<textarea></textarea>，所以请告诉我不同的方法。我想你创建一系列的“按钮”，像一个RTE，插入适当的代码到一个文本区域。但请注意，这不是“真正的RTE”。我想要的是一个文本区与“菜单”喜欢的RTE，但只有2或3个按钮。我怀疑这些按钮的代码将是相同的。嗯..。我要去哪里..。好的，试试这个……在这个(StackOverflow) RTE上有一个“图像”按钮。我想知道如何创建相同的东西(正如我所说的，我怀疑所有的按钮基本上都是一样的)。该“模式”将允许一个图像源/上传或文本区域粘贴，比如说一个YouTube链接或Flickr链接等(它们将是单独的按钮)我可以创建按钮等，并有模态打开/关闭等，但你怎么才能让代码进入<textarea></textarea>

请指点和建议。+哦，我根本不需要一个完整的实时文本引擎，所以“削减CKeditor”等是完全夸张的在文本区唯一要“上传/使用”的超文本标记语言是一个<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');