Подсветка текста в «TextArea»

[@Markovnin]

круто, еще бы живой пример посмотреть ;-)

[@l2k]

До дома доберусь — залью на сервер то, что получилось.
А так — можете руками всё собрать вместе :) и посмотреть локально — notepad'a и Opera/FireFox должно хватить.

[@Markovnin]

это понятно, что статьи «хау-ту» обычно пишут с расчетом того, что кто-то доберется и сделает все как написано. я к тому, что было бы нагляднее и полезнее увидеть живой пример )

[@freehome]

хорошо бы еще результаты тестов на разных браузерах увидеть

[@l2k]

Добавил рабочие примеры.

[@maxshopen]

На этом основаны все визивик-редакторы, насколько я понимаю. Так что можно какой нибудь FCK расковырять в качестве примера :)

[@l2k]

Я написал основы. Всё, как можно проще — для новичков.
Если вам интерестно, что из этого можно сделать — тогда я напишу следующую статью: «Использование WYSIWYG» :)

[@maxshopen]

Это я скорее товарищу Markovnin-у написал.

Спасибо за статью. Следующую буду ждать тоже, интересно.

[@pietrovich]

рад за вас, вы круты… а я такой ерундой занимался 6-7 лет назад и тем не менее считаю что статья найдет свой круг читателей.

[@l2k]

Я не ставил себе задачу вас удивить.

У меня была своя задача. Я её для себя решил.
И так как я много времени потратил, чтобы найти хороший материал и разобраться в нём, решил сделать несколько статей на эту тему.

[@charger]

Спасибо! Никак не мог найти время сам поковыряться.

[@dyakov]

Это все конечно хорошо.
Здорово было бы, если подсветка кода включалась одним единственным атрибутом html или css-свойством… И обрабатывалась браузером. Давно жду. Жаль не то…

[@theOnlyBoy]

Заголовок в первые пару секунд ввел буквально в шок, что за супер-секрет о textarea не знаю. Хороший заголовок :)
Советую вам развивать эту тему, постепенно усложняя алгоритмы и превнося новые возможности, написав простенький WYSIWYG. Плодотворная тема, если копнуть глубже.

[@LDEV]

Отлично! Давно хотел узнать, как всё-таки WYSIWYG так красиво рисует контент ))

[@Hint]

Последняя ссылка из статьи убивает Opera 9.61 ( zcn.ru/tmp/W3.html )

[@l2k]

Вы абсолютно правы. Я уже исправил.

надо
NewTextArea.frame=frames[frame]?frames[frame]:document.getElementById(frame);
вместо
NewTextArea.frame=document.getElementById(frame);

Надо отослать баг-репорт в Оперу :)

[@mdevils]

//1) получить указатель NewTextArea.document=NewTextArea.frame.contentDocument?NewTextArea.frame.contentDocument:NewTextArea.frame.document?NewTextArea.frame.document:false;

NewTextArea.document = NewTextArea.frame.contentDocument || NewTextArea.frame.document || false;

Используйте краткую запись)

[@l2k]

Век живи, век учись ;)
Спасибо!

[@not_ice]

а возможно ли таким методом сделать подсветку синтаксиса html, php, css или js? имеется в виду повышение удобства редактирования шаблонов из цмсок.

[@l2k]

Да, возможно. В следующих статьях я разберу эти методы.

[@Buran]

Автор, не стоило designMode уделять столько времени. contentEditable поддерживается в

• IE 5.5
• Opera 9
• Firefox 3
• и как минимум Safari 2

Firefox по статистике одного очень посещаемого сайта (не хочу называть имени) — 33%, из них Firefox 3 — 26,8% (от общего числа посетителей). Таким образом contentEditable не покрывает всего лишь 6,2% (Firefox 2). Для такой в принципе нетривиальной вещи, как WYSIWYG-редактор, это нормальная погрешность, на которую можно забить и получать удовольствие от правильного атрибута contentEditable.

[@Goodkat]

наверное, поэтому в Хроме не работает WYSIWYG на некоторых сайтах

[@l2k]

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

[@agreen]

глупый вопрос: А почему NewTextArea.init работает только при событии body.onload?