Bymas | Помощь с JS скриптом смайлов

Здравствуйте, скрипт вставки тегов смайлов в форму. Я опишу всё подробно и что к чему, т.к. я уже задолбался, и вся надежда на вас! Скрипт:

javascript

   <script>  //считываем данные с дива с ссылкой $('#emoticons a').click(function(){  //считываем тег который надо будет вставить var smiley = $(this).attr('title');  $('#description').val($('#description').val()+" "+smiley+" ");  });  </script>

Вызов функции:

html

   <div id="emoticons"> <a href="#" title=".хех."> <img alt=".хех." border="0" src="../files/smile/smile-xex.png" width="22px"/> </a> </div>

Обработка функции:

html

   <input id="description" />

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

P. S. В жс я нуб, так что строго не судите. Надеюсь на вашу помощь, сам я уже заколeбaлся

________
посл. ред. 27.07.2020 в 10:30; всего 2 раз(а); by 540447140

Мне кажется, нужно проделать что-то на подобии визуального js редактора в textarea , который сразу формирует в окне и смайлы, и html теги в готовом виде. Я такое когда-то делал для городского новостного сайта, но там обработка чистых html тегов, а не bb кодов и смайлов.
________
посл. ред. 27.07.2020 в 11:06; всего 1 раз(а); by 388830670

388830670 , Ну я жс не особо, по РНР больше. Хотя это реализуемо через жс

https://bym.guru/forum/topic/143725/page10

TuT , Тут все https://bym.guru/php_code/detail.php?code_id=967&dir_id=3