Вопросы по contenteditable?

Question

[Сергей Титов]

Вобщем есть два вопроса:
1. Как сделать вставку изображение в место, где находится курсор? (на данный момент стоит через append, что естественно не логично, т.к. это смайлики и втыкать их нужно в любом удобном месте сообщения).
2. Как сделать, чтобы изображение воспринимало как текст? Например в вк, смайлы выделяются синим, как обычный текст, у меня же черными 8 квадратами по периметру :<
Заранее спасибо, надеюсь получу ответ, ибо уже сил нет с этим сражаться :(

Answer 1

[Егор Федосенко]

1. Секунда гугления jsfiddle.net/jwvha/1
2. Вопрос не понял, извиняйте.

Comments

[Сергей Титов]

Спасибо большое! С вставкой я там разобрался, потом другая проблема появилась, но тут она решена!

Answer 2

[keslo]

Говнокодить не буду, но возможно дам идею:

1. Получаете ссылку на элемент textarea
2. Получаете содержимое textarea
3. Считаете количество символов до курсора в тексте из textarea
4. Формируете строку вида: часть textarea с 0 символа до курсора + смайлик + текст textarea от позиции курсора до конца.
5. Возвращаете новую строку в textarea

Если я кэп, то сори :-)

Comments

[Сергей Титов]

я не использую textarea, тут обычный див с contenteditable=true, но все равно спасибо, возможно что-то мне поможет)