Question

好的，我认为<textarea></textarea>是使用的，所以请告诉我。我想要你创建一系列像RTE一样的“按钮”，它将适当的代码插入到textarea中。但请注意，这不是“真正的RTE”。我想要的是带有“菜单”的文本区域，如RTE，但只有2或3个按钮。我怀疑按钮的代码是一样的。嗯......我要去哪里......好吧试试这个......（StackOverflow）RTE有一个“图像”按钮。我想知道如何创建相同的东西（正如我所说的所有按钮我怀疑基本相同）。 “模态”将允许图像src /上传或textarea粘贴说明YouTube链接或Flickr链接等（它们将是单独的按钮）我可以创建按钮等，并有模态打开/关闭等但是如何将代码放入<textarea></textarea>

指针＆amp;建议请。 - 哦，我根本不需要一个完整的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');

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

1 个答案: