вот здесь: http://www.zenonline.ru/good/ лежат 3 компонента, которые могут (я надеюсь) сильно облегчить жизнь разработчиков динамических сайтов, а может и кого другого.

Компоненты следующие:
1. календарь
2. текстовое поле со счетчиком вводимых символов
3. текстовый редактор

теперь подробнее:

1. календарь
для подключения календаря нужно следующее:

Код

<script src="calendar_js.js"></script> <script src="calendar_ru.js"></script>

или (для английской версии):

Код

<script src="calendar_js.js"></script> <script src="calendar_en.js"></script>

вызов календаря - CreateDateComponent (name, id, value, format), где:
name - имя переменной, в которой серверу будет передано значение календаря
id - произвольное число
value - начальное значение (дд.мм.гггг)
format - формат кадендаря (0, 1 или 2)

2. текстовое поле со счетчиком вводимых символов
для подключения:

Код

<script src="textarea.js"></script>

вызов: TextComponent (name, value, max_len, size_x, size_y), где
name - имя переменной, в которой серверу будет передан введенный текст
value - начальное значение
max_len - максимально допустимое количество символов
size_x - количество столбцов
size_y - количество строк

3. текстовый редактор
для подключения:

Код

<script src="htmleditor/htmledit.js"></script>

вызов: CreateHTMLEditor()

этот компонент экспортирует настраиваемую структуру params, которую нужно заполнить до вызова функции CreateHTMLEditor(). Обязательные поля подчеркнуты!!!
params.source - объект (textarea) из которого берутся данные для редактирования
params.title - заголовок окна редактора (default '')
params.resizable - возможность изменения размеров окна (1/0, default 0)
params.externalCSSPath - путь к внешнему файлу таблиц стилей (default '')
params.scriptPath - путь к каталогу скрипта редактора (default '/includes/admin/js/htmleditor/')

далее идут 3 встроенные структуры disabled, images и preview, предназначенные для разрешения работы некоторых элементов форматорования текста, управления вставкой картинок и просмотром в отдельном окне.
params.disabled.font - запрещение изменения шрифтов (1/0, default 0)
params.disabled.size - запрещение изменение размеров шрифта (1/0, default 0)
params.disabled.paragraf - запрещение форматирование параграфов, заголовков (1/0, default 0)
params.disabled.picture - запрещение вставок картинок (1/0, default 0)

params.images.files - массив имен файлов картинок (default [])
params.images.names - массив названий картинок (default [])
params.images.titles - массив подписей под картинками (default [])
params.images.alts - массив хинтов к картинкам (default [])
при заполнении структуры params.images обязательным является только массив params.images.files, остальные заполняются по желанию. Если структура params.images не заполнена, то это равносильно - params.disabled.picture = 1

params.preview.file - имя внешнего HTML-файла который бедет обрамлением для просматриваемого текста (default '')
params.preview.container - имя объекта-контейнера во внешнем файле (лучше всего <span>) в который будет передаваться текст из редактора (default '')

ВНИМАНИЕ!!!!!
Сразу хочу предупредить, что редактор ОДНОЗНАЧНО будет содержать какие-то ошибки (в частности перетаскивать картинки не рекомендуется). Поэтому в этой ветке (если она продолжит свое существование) я буду выкладывать обновления скриптов. Также буду благодарен за поправки кода и идеи по усовершенствованию данного редактора. А если кто-то решится написать HELP-файл по работе с редактором - так это воодще будет замечательно!!!
:-))))))))))))))))

Мощно, но вроде не работает в Мозилле.
Help'ов к редактору не нашел
Xорошо будет если опишешь как все работает в 1-3 урока, внесешь полезный вклад в развитие общества.

Sardar, да, к сожалению редактор - IE only... Связано это с тем, что там используется много специфичных для IE команд и свойств... Ну уж простите... :-)))))

А описать... Хорошо, попробуем!

Основное окно редактора выглядит вот так:

В верхнем ряду находятся:
* список выбора типа текста - "заголовки 1-6", "параграф", "форматированный";
* список выбора начертания шрифта;
* список выбора размера шрифта;
* список выбора вставляемой картинки;
кроме того здесь же располагаются кнопки сохранения редактируемого текста и вызова помощи (которой пока нет) .

Средний ряд кнопок содержит:
* блок работы с буфером обмена: , где кнопки, в порядке следование, выполняют следующее:
1. вырезать выделенный фрагмент;
2. копировать выделенный фрагмент;
3. вставить фрагмент из буфера обмена;
4. поиск по тексту.

* блок управления начертание текста: :
1. жирный (Ctrl+B);
2. курсив (Ctrl+I);
3. подчеркнутый (Ctrl+U);
4. перечеркнутый.
если ничего не выделено, то будет обработано то слово, на котором стоит курсор.

* блок управления регистром текста :
1. изменить регистр текста; вызывает появление следующего выбора: ;
2. верхний индекс;
3. нижний индекс.
если ничего не выделено, то будет обработано то слово, на котором стоит курсор.

* блок управления цветом :
1. выбор цвета текста;
2. выбор цвета фона.

* блок управления выравниванием :
1. по левому краю;
2. по центру;
3. по правому краю;
4. по ширине.

* блок управления списками :
1. немерованый список;
2. маркированный список.

* блок управления отступом выделенного блока :
1. уменьшить отступ;
2. увеличить отступ.

* кнопка запрета переноса строк в выделенном фрагменте:

Добавлено @ 10:17
* блок управления визуализацией :
1. смена режима отображения - текст/HTML-код;
2. предварительный просмотр введенного текста.
нажатие первой кнопки приводит к переходу в режим отображения HTML-кода введенного форматированного текста, а ее повторное нажатие восстанавливает изначальный режим:


Это сообщение отредактировал(а) GoodBoy - 20.8.2004, 10:17

Нижний ряд кнопок содержит:
* блок управления таблицей :
1. показать/скрыть сетку таблицы (для тех таблиц, у которых border=0);
2. добавить/редактировать таблицу; для редактирования таблицы, нужно щелкнуть по рамке таблицы, тогда иконка изменится на такую: .
Добавление/редактирование таблицы приводит к появлению следующих окон:
общее окно добавления/редактирования:


редактирование свойств таблицы:


редактирование свойств ячеек:


* блок редактирования строк/ячеек таблицы: :
1. добавить строку;
2. удалить строку;
3. добавиь столбец;
4. удалить столбец;
5. добавить ячейку;
6. удалить ячейку;
7. объединить выделенные ячейки;
8. разбить текущую ячейку.

* кнопка вставки гиперссылки :
приводит к появлению вледующего окна:


В случае использования варианта "картинку в новом окне" в странице, куда будет включен набираемый в редакторе текст, должна присутствовать функция:

Код

function openImage(path) {    window.open('/show.html?'+path, '', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,width=5,height=5'); }

а в корне сайта файл show.html:

Код

<html> <head> <title>Увеличенное изображение</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script> var win_h = 5; var win_w = 5; function BestSize() {    win_w = document['pics'].width+8;    win_h = document['pics'].height+28;    self.resizeTo(win_w,win_h);    self.resizable=0;    self.focus(); } function notResize() {    self.resizeTo(win_w,win_h); } function showPict() {    var img = location.search.replace(/\?/, '');    if (img) {        document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0" height=100%>\n');        document.write('<tr align="center" valign="middle"> \n');        document.write('<td><img src="'+img+'" onDblClick="self.close()" alt=\'Двойной щелчок мыши для закрытия окна\' name="pics"></td>\n');        document.write('</tr>\n');        document.write('</table>\n');        document.write('<br>\n');    } } </script> </head> <body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" onLoad="BestSize()" onResize="notResize()" bgcolor="#FFFFFF" style="margin: 0px; padding: 0px;"> <script>showPict()</script> </body> </html>

* кнопки вставки тэга линии <hr> и перевода строки <br>:

* кнопка отмены форматирования текста
Она позволяет убрать все тэги текстового форматирования выделенного фрагмента текста. Это довольно полезно при копировании из Вордов/Экселей. К сожалению бывают некорректности в работе...

Добавлено @ 11:38
* кнопки отмена/повтора изменений :
1. отменить предыдущее действие;
2. вернуть отмененное действие.



Вот в кратце и все по работе с редактором. Бедет вопросы - задавайте.

Вот уже я подготовил и первое исправление. Оно касается некоторой некорректности при вводе гиперссылок. Просто обновите файл.

GoodBoy приведи все ИЕ зависимые фичи, попробуем сделать альтернативу. Мне в мозилле не хватает некоторых событий, остальное можно сделать.

Истчё отсебятины...
http://webfx.eae.net/

Ну что, кому-нить пригодилось??? :-))))))

Да пасиб