Javascript - 在textarea中光标位置插入图像标记

Question

我知道有一些帖子的标题相似，但他们似乎没有提到同一个问题。 我正在尝试将图像标记放在特定文本区域内光标的位置，而不是通过与textearea相同的页面中的按钮实例化的弹出窗口。

目前我只是将图片标记附加到textarea内容的末尾，如下所示：

window.opener.document.getElementById('textarea_id').value += '<img .... />';

我在这里发现了一个帖子：How To insert an image at cursor position in tinymce，但很明显这个帖子指的是tinymce，它有一些内置函数可供使用。

有什么想法吗？

Answer 1

您可以使用selectionStart在https://developer.mozilla.org/en-US/docs/DOM/HTMLTextAreaElement

了解更多信息

window.opener.document.getElementById('textarea_id').selectionStart

另见Caret position in textarea, in characters from the start