DIV contenteditable Вставка в текущей позиции каретки - PullRequest
Новая
       33

DIV contenteditable Вставка в текущей позиции каретки

0 голосов
/ 12 апреля 2020

Я использую div с contenteditable в качестве текстовой области, поэтому я могу вставить PNG emoji. Теперь все работает отлично, за исключением случаев, когда я хочу вставить эмодзи в текущую позицию каретки. Я знаю только .append (), который просто вставляет эмодзи в конце текста. это мой код: 

<div id="message-field" class="form-control message-field" contenteditable="true"></div>



<span class="em em-1F3C6" data-em="1F3C6"></span>
<span class="em em-1F6AB" data-em="1F6AB"></span>
<span class="em em-1F44D" data-em="1F44D"></span>
<span class="em em-1F44E" data-em="1F44E"></span>



$('.em').click(function() {
    var em = $(this).data('em');
    $('#message-field').append('<img src="_/css/img/emoji/' + em + '.png">&nbsp;');
});

Теперь, как заставить его вставлять эмодзи в текущую позицию каретки, а не в конец?

Спасибо!

...