Javascript - 在textarea中光标位置插入图片标签

Question

我知道有几个帖子的标题类似，但它们似乎没有提及相同的问题。 我试图把图像标签放在特定textarea的光标位置处，从与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