javascript - Javascript - 在文本区域中光标的位置插入图像标签

Question

我知道有一些标题相似的帖子，但它们似乎没有提到同一个问题。我试图将图像标记放在特定文本区域内的光标位置，以使用与文本区域相同页面的按钮实例化的弹出窗口。

目前，我只是将图像标签附加到 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

另请参阅textarea 中的插入符号位置，以字符开头