Если в материале требуется задание нового стиля для страницы, то в этом поможет редактор JCE. Однако стоит помнить, что частое различие в стилях на страницах отвлекает внимание и не приветствуется посетителями. Поэтому, чтобы задать стиль для всего сайта используют файл стилей (о создании CSS-стилей описано здесь).
Для изменения стиля выбранного текста нажать на значек , после чего появится окно, состоящее из 7 вкладок: Text, Background, Block, Box, Border, List, Positioning.
Text. Здесь указываются параметры для текста, большинство из которых также можно задать в первой строке на панели редактора JCE. Основные отличия от панели:
- выбор размера текста в пикселях, % и т.д.
- варианты изменения жирности (Weight)
- установка меж строчного интервала (Line height)
- способы написания (Case)
- различная декорация текста (Decorate)
Background. В этой вкладке задаются стили для изменения фона отдельного абзаца или всего текста в целом. Возможности:
- заливка фона цветом или картинкой
- установка повтора картинки (полностью, гориз-X, верт.-Y)
- привязка - Attachment к экрану (fixed) и прокрутка (scroll)
- позиционирование по горизонтали (слева, справа, по-центру)
- позиционирование по вертикали (вверху, внизу, середина)
Block. Выравнивание текста, установка интервалов и т.п. Основными возможностями являются:
- установка расстояния между словами - Word spacing
- Letter spacing - расстояние между символами элемента
- выравнивание текста по верт. и гориз. - vertical и text align
- величина отступа первой строки задается в Text indent
- Whitespace - отображение пробелов, где nowrap - переносы игнорируются, pre - текст с учетом всех пробелов
Box. Здесь задаются настройки для блока текста, направленные на позиционирование. Подробнее:
- выбор ширины - Width и высоты - Height в различных мерах
- выравнивание блока Float слева или справа
- установка поля Padding вокруг элемента
- Отступ от краев элемента Margin
- если снять галочку - выбор отступа на каждую сторону
Border. Настройка границ выбранного элемента производится в этой вкладке, подробнее о настройках:
- сначала выбирается стиль Style границы
- дальше толщина Widht границы
- последнее выбирается цвет Color границы
- снимая галочку с Same for all, можно назначать параметры для каждой стороны границы отдельно
List. В этой вкладке назначаются параметры для нумерованного или ненумерованного списков:
- сперва выбирается тип Type обозначения списка (disc, circle, lower- roman и др.)
- если в Bullet image указать путь к картинке, то выбранное изображение будет обозначением списка
- в Position выбирается позиция списка относительно элемента
Positioning. В последней вкладке выбирается общее позиционирование элемента относительно сайта и других элементов:
- тип Type позиционирования относительно элементов
- выбирается видимость Visibility элемента
- в Z-index определяется наложение друг на друга
- отображение блочного элемента Overflow, если выходит за пределы заданных параметров ширины Width и высоты Height
- В Placement указывается абсолютное положение блока
- в Clip указывается область элемента, в которой будет показываться содержимое. То что останется за областью - не видимо.
О функциях остальных значков панели JCE описано здесь.
Комментарии
Какой по вашему мнению "редактор" лучше? И в чем же так плох JCE?