Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как работает wysiwyg редактор 
:(
    Опции темы
neokortex
Дата 1.7.2009, 14:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 155
Регистрация: 19.3.2007

Репутация: нет
Всего: нет



Привет. Очень интересует устройство/работа wysiwyg редактора, например, TinyMCE.

А конкретно: как сделано так, что можно редактировать текст. Про HTML понятно, а вот про сам визуальный редактор не очень понятно. 
Это textarea? Тогда каким образом он показывает ссылки, подчеркивания и прочее, при этом не показывает теги.
Это ведь не див, потому что есть возможность набирать текст прямо в этом поле.

Разъясните, пожалуйста.
PM MAIL   Вверх
bars80080
Дата 1.7.2009, 15:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



ну, можно было бы посмотреть интерпретируемый код при помощи какого-нибудь плагина

по факту в этих редакторах textarea подменяется фреймом, в котором средствами javascript пишется твой текст. в нём все эти подчёркивания, теги и работают
PM MAIL WWW   Вверх
Samotnik
Дата 2.7.2009, 09:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: нет
Всего: 191



neokortex, а в чем проблема взять исходники отсюда
ну или если лень - то можно хотя бы фаербагом проинспектить этот редактор  smile 
user posted image
PM MAIL   Вверх
neokortex
Дата 2.7.2009, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 155
Регистрация: 19.3.2007

Репутация: нет
Всего: нет



все равно не понятно че-то нифига. как такое ваще сделано
PM MAIL   Вверх
ksnk
Дата 2.7.2009, 18:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



neokortex, Начинать надо с гугла, а не с TiniMce. В гугле порыскать на предмет простеньких примеров wysiwyg редакторов, по запросу "пишем свой wysiwyg на JavaScript", а потом уже, поняв как они работают и почему они плохие, смотреть код TiniMce.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0472 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.