|
65.2 Кб |
|
| Добрый день.
Подскажите, пожалуйста, как "вконтакте" реализовано написание комментариев (см. файл).
Т.е. у нас есть поле:
<div contenteditable="true">Комментировать...</div>
При клике на "смайлик" всплывает окно со смайлами, при клике на смайлик - его надо передавать в поле <div>
Проблемы такие:
1) Как сделать так, чтобы не терялся фокус в поле <div>?
2) Как передавать изображение именно в нужную позицию, где стоял курсор?
3) Вставляемое изображение и текст должны быть на одном уровне.
Спасибо. | |
|
|
|
|
|
|
|
для: jaroslav
(28.10.2014 в 14:05)
| | Вставляемое изображение и текст могут быть на одном уровне, если оно маленькое (изображение как часть строки), так по умолчанию это такой же inline элемент. Если большое, то как оно впишется на один уровень, это надо уже задавать обтекание текстом - float, если один уровень, это текст по верхней кромке изображения.
Фокус, это выполнить dom_object.focus(), не так все просто как с полями формы - прочтите здесь. А остальным не так и сложно в общем то, но необходимо знать толкования браузеров, можно тут почитать.
Можете в сети найти готовый скрипт BB-код (даже на этом форуме взять, который обслуживает форму), разница только в том, что вы хотите что-то мини html-редактора? Тогда будет посложнее. | |
|
|
|
|
|
|
|
для: confirm
(28.10.2014 в 16:31)
| | Спасибо за ответ, посмотрю.
__
то, что хочу - видно в файле.. Но можно подумать и о мини html-редакторе ))
Задачи схожие. | |
|
|
|
|
|
|
|
для: Jaroslav
(28.10.2014 в 16:59)
| | Задачи да, но решения нет. То что на рисунке, это просто текст, а вот изображение нет, но вставлять то его надо будет как текст, то есть html-код. При отправке формы содержимое надо будет не только переместить в textarea, но обработать его для безопасности. Ну или на сервере эту операции обязательно сделать. | |
|
|
|