JQuery textarea 插入 html 有点像 RTE 但不是 RTE

Question

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

Pointers & 中？请提出建议。 - 哦，我根本不需要完整的 RTE，所以“削减 CKeditor”等完全是矫枉过正 在 texarea 中“上传/使用”的唯一 HTML 是 ; 一个 或者（提前考虑）一个 。

Answer 1

如果您想在文本区域元素内的实际光标位置插入一段文本。这会对你有所帮助。

注意：正如您所知，文本区域内的所有 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');