![]() |
|
Модераторы: skyboy, MoLeX, Aliance, ksnk |
![]()
|
|
| vdm |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 236 Регистрация: 16.10.2007 Репутация: нет Всего: нет |
Каким образом можно автоматически заменять смайлы ":)", ":(", ... на соответствующие картинки в самой <textarea></...>, когда пользеватель что либо пишет?
|
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 32 Всего: 401 |
Никак. И PHP тут ни при чем - это ограничение HTML.
Чтобы получить желаемый эффект, нужно вместо textarea использовать какой-нибудь WYSIWYG-редактор. Подробности можно найти в разделе по JavaScript и в гугле (само собой;), есть десятки готовых решений разной степени сложности и навороченности. Только при этом нужно очень тщательно следить за вводом, чтобы там "случайно" не оказалось "незапланированных" тегов... -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Dima 2015 |
|
|||
|
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 287 Регистрация: 16.3.2008 Где: SPb Репутация: 2 Всего: 2 |
vdm, а можно ли? Что-то я сильно в этом сомневаюсь... И уж точно это вопрос не по РНР. РНР выполняется на сервере, а он понятия не имеет о том что юзер что-то пишет в текстарии, до тех пор пока форма не отправлена на сервер.
Тут нужно клиентское приложение. Но на счет JavaScript я что то сомневаюсь, вообще не думаю что в textarea картинки могут быть... Добавлено через 4 минуты и 38 секунд SelenIT, кстати сам сейчас задумался.. а как там это реализовано, в качестве поля для ввода текста что выступает? Просто пустой фрейм, в котором джаваскриптом ловятся все кнопки и меняется текст самого хтмл? |
|||
|
||||
| skyboy |
|
|||
|
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 75 Всего: 260 |
||||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 32 Всего: 401 |
Есть свойство document.designMode (в FF/Опере 9) и элемент.contentEitable (в IE), которые позволяют редактировать HTML в реальном времени, словно в каком-нибудь Frontpage. А потом, как правило, по какому-то событию innerHTML этого дела копируется либо в невидимую textarea, либо в hidden-поле формы. Если не путаю, designMode можно установить лишь для всего документа, поэтому в кроссбраузерных редакторах действительно используется именно iframe. Впрочем, могу ошибаться - давно не следил за прогрессом в этой отрасли... -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Dima 2015 |
|
|||
|
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 287 Регистрация: 16.3.2008 Где: SPb Репутация: 2 Всего: 2 |
SelenIT,
skyboy, iframe - просто глянул редактор у нас на сайте ordinators.ru, там стоит Spaw 2 Editor (уж не знаю известная это вещь или нет...) Так вот там хтмл-структура в районе поля ввода выглядит так:
И в момент ввода данных в поле меняется то, что после <body dir="ltr">. Набираю "ку-ку" и это ку-ку появляется прямо после закрытия тега <body dir="ltr">. Вот такая петрушка. Надо так понимать это все на JS делается... возникает вообще некое благоговение перед тем кто это писал : ))) Добавлено через 6 минут и 59 секунд SelenIT, да ты прав. Просмотрел сейчас код редактора. Действительно мелькает там designMode. А вот contentEitable не мелькает, ну да бог с ним Раскурить что и как там делается я так с ходу конечно не в состоянии, штука могучая, кода тонны... Это сообщение отредактировал(а) Dima 2015 - 30.9.2008, 23:34 |
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 32 Всего: 401 |
Достаточно известная. Известнее, имхо, только HTMLarea, FCKeditor и TinyMCE (по крайней мере, у нас), ну еще RichText Editor. Вообще для WYSIWYG-редактирования у браузеров есть специальное API, так что в теории управляться с ним через JS не так и сложно (на практике, как водится, больше всего заморочек - борьба с конкретными браузерными глюками;). Имхо, неплохая статья про "изнанку" подобных вещей - здесь. Только вот к PHP это все не имеет никакого отношения, как справедливо отмечено выше -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
![]()
|
| Правила форума "PHP" | |
|
|
Новичкам:
Важно:
Внимание:
Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, IZ@TOP, skyboy, SamDark, MoLeX, awers. |
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | PHP: Общие вопросы | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |