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

【问题标题】：JQuery textarea insert html bit like an RTE but not an RTEJQuery textarea 插入 html 有点像 RTE 但不是 RTE
【发布时间】：2011-02-03 15:01:11
【问题描述】：

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

请指点和建议。 - 哦，我根本不需要完整的 RTE，所以“减少 CKeditor”等完全是矫枉过正在 texarea 中“上传/使用”的唯一 HTML 是 <img src=""> 和 <embed> 或者可能（思考前面）<a href="">。

【问题讨论】：

标签： jquery textarea rte

【解决方案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');

【讨论】：