Javascript - вставить тег изображения в положение курсора в текстовой области

Question

Я знаю, что есть несколько постов с похожим названием, но, похоже, они не относятся к одному и тому же вопросу. Я пытаюсь поместить тег изображения в положение курсора внутри определенной текстовой области, чтобы всплывающее окно создавалось с помощью кнопки на той же странице, что и текстовая область.

На данный момент я просто добавляю тег изображения в конец содержимого в текстовой области следующим образом:

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

Я нашел один пост здесь: Как вставить изображение в позиции курсора в tinymce , но, очевидно, это относится к tinymce, в котором есть некоторые встроенные функции.

Есть мысли?

Answer 1

Вы можете использовать selectionStart подробнее об этом по адресу: https://developer.mozilla.org/en-US/docs/DOM/HTMLTextAreaElement

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

Также см. Положение каретки в текстовой области, в символах с начала