How to insert bb codes in div?

Question

JavaScript

I decided to put emoji on the site.
I found this code that adds bb codes to the div container.
Next, I combined the plugin and the function of inserting bb codes, see here.

What's wrong ?
1. When I insert the bb code, it is inserted at the beginning of the line, and not at the end as it should be.
2. Sometimes you select text and try to put a bb code on it, and it either wraps the phrase or inserts the bb code at the beginning of the line.

As I understand it, this plugin has some filters and functions for entering data into the field, and therefore it can work like this.

Tell me, what could be the solution? I've been trying to make friends all day.