Я пытаюсь вставлять потрясающие значки шрифта в виде смайликов внутри текстового поля каждый раз, когда я нажимаю на значок / смайлик, но это, очевидно, не работает. Это вообще возможно? Если да, дайте мне знать, спасибо
Мой код:
HTML
<!--list of icons to add to textarea-->
<i class="fas fa-laugh-squint"></i><i class="fa"></i><i class="fa"></i><i class="fa"></i><i class="fa"></i>
js
$('.fa').on('click', function() {
var emoji = $(this).clone();
$('textarea').val(emoji);
});
Когда я нажимаю на значок, он появляется как
<i class="fas fa-laugh-squint"></i>
внутри моего текстового поля, и когда я его отправляю, он появляется в виде значка. Как я могу сделать так, чтобы он отображался в виде значка прямо в текстовой области?