Окно чата со смайлами в div contenteditable=true

@Hawkmoth · Регистрация: 18.05.2010

Студворк — интернет-сервис помощи студентам

Доброе время суток, друзья! Пишу чат с возможностью непосредственной вставки смайлов (а-ля вконтакте). Нашел замечательное решение, позволяющее реализовать вставку изображения (или текста, или какого-то другого объекта) на место курсора в div contenteditable=true:

http://jsfiddle.net/Lnm256qc/44/

Но не могу усовершенствовать его таким образом, чтобы после вставки смайла непосредственно за ним появлялся мигающий курсор, и можно было бы сразу вводить продолжение сообщения. Прошу совета и помощи

В работе с Range и Selection новичок, сильно не пинайте

@alexsamos33 · 13.02.2016, 18:17

JavaScript
6
7
8
      insertHTML(source.value, content);
      $('[data-target="insert"]').attr('tabindex', 0).focus();
  });

вот так сделать фокус...

@Hawkmoth · 14.02.2016, 19:17 **[ТС]**

alexsamos33, спасибо!

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Hawkmoth 3 / 2 / 5 Регистрация: 18.05.2010 Сообщений: 25

	Окно чата со смайлами в div contenteditable=true 13.02.2016, 14:44. Показов 1878. Ответов 2 Метки нет (Все метки) Доброе время суток, друзья! Пишу чат с возможностью непосредственной вставки смайлов (а-ля вконтакте). Нашел замечательное решение, позволяющее реализовать вставку изображения (или текста, или какого-то другого объекта) на место курсора в div contenteditable=true: http://jsfiddle.net/Lnm256qc/44/ Но не могу усовершенствовать его таким образом, чтобы после вставки смайла непосредственно за ним появлялся мигающий курсор, и можно было бы сразу вводить продолжение сообщения. Прошу совета и помощи В работе с Range и Selection новичок, сильно не пинайте 0

@Hawkmoth 3 / 2 / 5 Регистрация: 18.05.2010 Сообщений: 25
	14.02.2016, 19:17 [ТС]
	alexsamos33, спасибо! 0