l2k Oct 27 2008 at 17:34

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

4 min

20K

JavaScript*

+46

Comments 28

Markovnin Oct 27 2008 at 17:38

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

l2k Oct 27 2008 at 17:40

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

Markovnin Oct 27 2008 at 17:41

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

freehome Oct 27 2008 at 18:57

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

l2k Oct 27 2008 at 19:23

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

maxshopen Oct 27 2008 at 17:59

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

l2k Oct 27 2008 at 18:13

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

maxshopen Oct 27 2008 at 18:32

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

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

UFO landed and left these words here

pietrovich Oct 27 2008 at 19:22

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

l2k Oct 27 2008 at 19:26

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

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

charger Oct 27 2008 at 21:14

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

dyakov Oct 27 2008 at 19:04

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

theOnlyBoy Oct 27 2008 at 19:17

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

LDEV Oct 27 2008 at 19:21

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

Hint Oct 27 2008 at 19:35

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

l2k Oct 27 2008 at 19:50

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

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

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

UFO landed and left these words here

mdevils Oct 27 2008 at 20:27

//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 Oct 27 2008 at 21:28

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

not_ice Oct 27 2008 at 21:06

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

l2k Oct 28 2008 at 11:37

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

UFO landed and left these words here

Buran Oct 27 2008 at 22:27

Автор, не стоило 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 Oct 28 2008 at 03:59

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

UFO landed and left these words here

l2k Oct 28 2008 at 11:25

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

agreen Dec 20 2008 at 21:55

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