如何将文本附加到''？

Question

我有 </code> 用户可以在其中向世界输入他的消息！下面有上传按钮...我很乐意添加上传文件的链接（别担心，我有）；就在他输入的文本旁边。

例如，他输入“Hello, world!”，然后上传文件（通过 AJAX 完成），并且该文件的链接将添加到 < 内容的下一行中代码><文本区域>。注意力！是否可以将光标（他离开打字的地方）保留在同一个地方？

所有这一切都可以用 jQuery 来完成...有什么想法吗？我知道有方法“append()”，但它不适用于这种情况，对吗？

Answer 1

尝试

var myTextArea = $('#myTextarea');
myTextArea.val(myTextArea.val() + '\nYour appended stuff');

Answer 2

这花了我一段时间，但是下面的 jQuery 会完全按照你的要求做——它不仅附加文本，而且还通过存储然后重置它来将光标保持在完全相同的位置：

var selectionStart = $('#your_textarea')[0].selectionStart;
var selectionEnd = $('#your_textarea')[0].selectionEnd;

$('#your_textarea').val($('#your_textarea').val() + 'The text you want to append');

$('#your_textarea')[0].selectionStart = selectionStart;
$('#your_textarea')[0].selectionEnd = selectionEnd;

你可能应该将其包装在一个函数中尽管。

Answer 3

您可以查看以下答案，其中提供了很好的插件，用于在 </code> 中的插入符位置插入文本。

Answer 4

您可以使用任何可用的插入符插件用于 jQuery，基本上：

1. 存储当前插入符位置
2. 将文本附加到文本区域
3. 使用插件替换插入符位置

---

如果您想要 jQuery 中的“附加”功能，则很容易制作：

(function($){
    $.fn.extend({
        valAppend: function(text){
            return this.each(function(i,e){
                var $e = $(e);
                $e.val($e.val() + text);
            });
        }
    });
})(jQuery);

然后您可以 通过调用 .valAppend() 引用输入字段来使用它 。

Answer 5

您可以使用我的Rangy input jQuery 插件来实现此目的，该插件适用于所有主要浏览器。

var $textarea = $("your_textarea_id");
var sel = $textarea.getSelection();
$textarea.insertText("\nSome text", sel.end).setSelection(sel.start, sel.end);