插入标记，而不是替换整个文本区域

Question

我正在修改第三方应用程序，并且在该应用程序中，我具有以下代码：

            <?php if (!$this->allowEditor) { ?>
            $('#ticket_message').val(data.text);
            <?php } else { ?>
            jInsertEditorText(data.text, 'ticket_message');
            <?php } ?>

在我需要修改的页面上，它正在运行if语句。它当前所做的是替换textarea #ticket_message的内容，但是还有一种方法可以将其插入textarea而不会覆盖现有内容。

如果将它插入用户停止在尖号处键入的最后位置，那会更好。

例如> TEXTAREA：

Lorem ipsum dolar sit met.

INSERT IT HERE BECAUSE THIS IS THE LAST PLACE THE TEXT CURSOR(caret) WAS SET

Lorem ipsum dolar sit met.

Answer 1

您可以附加值

$('#ticket_message').append(new_val); 

要插入插入符，您可以使用以下功能

function insertAtCaret(areaId,text) {
var txtarea = document.getElementById(areaId);
var scrollPos = txtarea.scrollTop;
var strPos = 0;
var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
    "ff" : (document.selection ? "ie" : false ) );
if (br == "ie") { 
    txtarea.focus();
    var range = document.selection.createRange();
    range.moveStart ('character', -txtarea.value.length);
    strPos = range.text.length;
}
else if (br == "ff") strPos = txtarea.selectionStart;

var front = (txtarea.value).substring(0,strPos);  
var back = (txtarea.value).substring(strPos,txtarea.value.length); 
txtarea.value=front+text+back;
strPos = strPos + text.length;
if (br == "ie") { 
    txtarea.focus();
    var range = document.selection.createRange();
    range.moveStart ('character', -txtarea.value.length);
    range.moveStart ('character', strPos);
    range.moveEnd ('character', 0);
    range.select();
}
else if (br == "ff") {
    txtarea.selectionStart = strPos;
    txtarea.selectionEnd = strPos;
    txtarea.focus();
}
txtarea.scrollTop = scrollPos;
}

Answer 2

虽然阿米特·夏尔马（Amit Sharma）为我提供了非常有用的信息，但我确实需要走另一条路。因此，根据您的需要，这些答案之一应使您更接近结果。

<?php if (!$this->allowEditor) { ?>
  var $txt = $("#ticket_message");
  var caretPos = $txt[0].selectionStart;
  var textAreaTxt = $txt.val();
  var txtToAdd = data.text;
  $txt.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) );
<?php } else { ?>
  jInsertEditorText(data.text, 'ticket_message');
<?php } ?>

此代码改编自此处：https://www.codehaven.co.uk/jquery/jquery-strings/insert-text-at-cursor-position-jquery/