Помощь с 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