Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Подсветка кода


Автор: ДМИТРИЙюрьевич 16.3.2006, 18:24
Нужно что бы была подсветка определённых групп символов в форме. Как в редакторах. Набрали Вы в форме [жирный], и эта надпись сразу стала красной.

К примеру: [жирный]Текст[/жирный].


Я думаю это совсем маленькая программка. Кому не лень, помогите? Пишу SMC.

Автор: Alx 16.3.2006, 18:46
ДМИТРИЙюрьевич,
как можно писать CMS, не имея возможности написать такой JavaScript?

лови событие onkeydown, пробегайся по тексту, ищи /[\/*[a-z]+]/i. и заменяй на

<span style="color:red;">\\n</span>

Автор: 12345c 16.3.2006, 20:29
Вначале делаете не очень простенький визуальный грамотный редактор, потом в него вставляете не очень простенький словарь ключевых слов для подсветки. Вместе в строк 300 можете уложиться.

Среди бесплатных виз.редакторов такой возможности нет - искали неоднократно.

Автор: ДМИТРИЙюрьевич 17.3.2006, 11:44
Alx, не могли бы Вы попопулярнее объяснить. Лучше написать пример программы.

Я на PHP пишу, а не на JS. Но код пойму


Я был бы крайне благодарен.

Автор: Alx 17.3.2006, 11:56
я, чессно говоря не помню, как сделать поле с возможностью ввода текста (кроме input:text и textarea)
Добавлено @ 12:02
а, такой фичи, оказывается и не существует.
вернее существует, но это только в IE, свойство contenteditable.

Автор: Alx 17.3.2006, 12:32
вот, думаю это - то что тебе нужно.
но, к сожалению, IE only.

http://soft.flyweb.in/small/editable.html
Добавлено @ 12:35
при варианте выделение bbcode, он
[ b]string[ /b] заменит на [ b]string[ /b],
а при форматирование html -
<b>string</b> заменит на string.

Автор: 12345c 17.3.2006, 13:03
Alx, вот свежая разработка по первой части - http://xpoint.ru/know-how/WYSIWYG/TrueJavaScriptEditor?comments (свойство designMode in iframe надо использовать. Если сделаешь 2-ю часть, общественность будет благодарна. У меня в поланах тоже сделать.
Добавлено @ 13:04
Точнее, имел в виду не просто теги выделять, а ключевые слова разными цветами; теги -частный случай.

Автор: Alx 17.3.2006, 14:02
пишу
Код

<body onload="document.designMode='On';" onclick="alert(document.designMode)">

возвращает Off..

Автор: 12345c 17.3.2006, 18:02
надо с малой буквы

Автор: ДМИТРИЙюрьевич 17.3.2006, 18:37
Спасибо товарищи! Буду читать и думать.

Автор: Alx 17.3.2006, 19:16
12345c,
вроде, терь on возвращает... но нияе не меняется. редактировать все равно нельзя..

Автор: 12345c 17.3.2006, 21:51
 Здесь - http://js2.ru/example/JsPrimeryCode-47.htm , я делал то же самое - проверял включение моды. Работает в IE, FF.

Сравни коды - может, что не так. 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)