Руководство пользователя AlmaCMS: текстовый редактор

Работа с текстовым редактором

Текстовый редактор используется практически во всех модулях сайта, например, в модулях «Информация», «Каталог», «Новости» и т.д.

Существует 2 варианта работы с текстовым редактором:

• Редактор кода – используется только продвинутыми администраторами, знающими HTML и CSS.
• Визуальный редактор – рекомендован для использования администраторами, не имеющих навыков в программировании. Визуальный редактор используется по умолчанию.

Более подробно рассмотрим доступные операции в визуальном редакторе.

Для создания нового абзаца нажмите «Enter», а для того чтобы писать с новой строки без создания абзаца нажмите «Shift» + «Enter» (одновременно).

Операции с стилем текста:  Полужирный, курсив, подчеркнутый, перечеркнутый – преобразовать стиль шрифта выделенного текста. Например, выделяете часть текста (абзац или часть абзаца) и жмёте на кнопку «курсив», выделенная часть текста будет написана курсивом. 

Операции с выравниванием информации:  Выравнивание влево, выравнивание по центру, выравнивание по правому краю, выравнивание вправо – выровнять абзац. Выравнивание происходит по всему абзацу. Например, поставьте курсор в любом месте абзаца и нажмите на кнопку «выравнивание вправо», текст всего абзаца будет выравнен по правому краю.

Управлением форматом текста:

• Формат  – выбор одного из предложенных форматов текста. Выбранный формат применяется для всего абзаца. Например, поставьте курсор в любом месте абзаца и выберете формат «заголовок 1», весь абзац станет заголовком первого уровня (самый крупный размер текста).

• Нижний индекс и верхний индекс  – позволяет преобразовать текст в нижний и верхний индекс. Например, Вы хотите написать квадратный метр в виде (м2), для этого выделите «2» и нажмите кнопку «верхний индекс».

Операции с буфером обмена:  вырезать, копировать, вставить, вставить как простой текст, вставить из WORD – кнопки используются для работы с буфером обмена. Например, у Вас есть текст, набранный в файле .doc и Вы хотите разместить его на странице Вашего сайта, для этого скопируйте текст из документа .doc, поставьте курсор в визуальном редакторе в то место, куда хотите вставить скопированный текст и нажмите на кнопку «вставить». Описанный в данном примере способ крайне не рекомендован для копирования текста из файлов .doc, .xls и подобных. Рекомендуемый способ копирования из файлов .doc, .xls – использование кнопок «вставить как простой текст» и «вставить из WORD». Вместо того чтобы нажимать на кнопку «вставить» нажмите на кнопку «вставить как простой текст» и в открывшуюся форму вставьте этот текст.

Операции со списками:  Маркированный список и нумерованный список – создание списка для повышения удобочитаемости информации на странице сайта. Элементами списка могут быть только абзацы (создание нового абзаца – «Enter»). Для того чтобы не создавая нового элемента списка, начать писать с новой строки необходимо нажать «Shift» + «Enter» (одновременно).

Операции с отступом:  Уменьшить отступ, увеличить отступ – изменить отступ текста слева. Например, Вы хотите выделить часть текста или цитату — выделяете абзац или ставите курсор в любое место абзаца, и нажимаете на «увеличить абзац» столько раз, сколько необходимо.

Операции отмены действий  :

• Отменить – позволяет отменить последнее или несколько последних действий. Например, Вы заметили, что случайно удалили нужную информацию, нажмите на «отменить» и это действие удаления отменится.
• Повторить – позволяет отменить отмену действия. Например, Вы писали текст, затем удалили часть. Поняли, что удалять не надо было, случайно нажали «Отменить» вместо одного раза два. Отменится действие «удаление» и действие набора текста. Вы, конечно, можете набрать нужный текст еще раз, но можете нажать на кнопку «повторить» и отменить этим второе нажатие на кнопку «отменить».

Операции с ссылками  :

• Вставить ссылку – позволяет установить ссылку. В качестве ссылки могут быть текст и изображения. Ссылаться можно на:

1. Любую страницу интернета – для этого необходимо вписать URL этой странице в поле «Адрес ссылки», URL может вести и на любую страницу Вашего сайта.

2. Страницу Вашего сайта – для этого нажмите «выбрать» напротив «инфо блок». Выберите нужную страницу или раздел и нажимаете «сохранить».

Нажмите на «Выбрать», откроется список всех страниц вашего сайта, сгруппированных по модулям, нажмите на «Информация» — появится список разделов и элементов модуля «Информация», выберите «Контакты» и нажмите на «сохранить». В окне «Вставить/редактировать ссылку» нажать кнопку «Вставить».

3. Изображение и файл – в поле «список ссылок» выберите нужное изображение или файл, их предварительно необходимо загрузить в файловый менеджер. При этом все изображения будут начинаться с images_, а файлы —  files_.

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

• Удалить ссылку – позволяет удалить ссылку. Установите курсор или выделите слово,  которое является ссылкой, и нажмите на кнопку «удалить ссылку».

Например, Вы установили ссылку на слово «Яндекс» в тексте «Наш партнер – Яндекс», и больше не хотите на него ссылаться. Для этого Вам необходимо установить курсор на слово «Яндекс» или выделить его. И нажать на кнопку «удалить ссылку».

Операции с изображением:  Вставить/редактировать изображение – на любую страницу сайта Вы можете вставить изображение. Для этого в нужное место на сайте установите курсор и нажмите на кнопку «Вставить/редактировать изображение». Откроется окно, в котором будет 3 вкладки:

1. Общие - это вкладка, на которой представлены основные свойства изображения. Содержит:

1.1. Адрес изображения – Вы можете установить в качестве изображения любое изображение, найденное в интернете, для этого в поле «Адрес изображения» вставьте полный URL к нему. Не рекомендуем так делать, т.к. сайт с которого Вы берете изображение может перестать существовать или администраторы того сайта могут удалить это изображение.

1.2. Список изображения – выбор изображения из списка добавленных в файловый менеджер. После выбора изображения поле «Адрес изображения» автоматически заполнится.

1.3. Описание изображения – используется для оптимизации сайта для поисковых систем.

1.4. Название – вводите название изображения, которое будет высвечиваться при наведении курсора мыши на изображение.

2. Внешний вид – вкладка изменения положения изображения на странице, содержит поля: (изменения значений полей изменяют положение тестового изображения справа в форме )

2.1. Выравнивание – выберете из списка подходящее, чаще всего используются «влево» и «вправо».

2.2. Размеры – Вы можете изменить размеры изображения, внося изменения в поля «ширина» и «высота». Если установлена галочка «сохранить пропорцию», при изменении одного из полей второе измениться автоматически, пропорционально изменению первого поля.

2.3. Вертикальное пространство – Вы можете установить отступ от других элементов страницы (текста или других изображений) по вертикали, рекомендуемое значение 0.

2.4. Горизонтальное пространство – Вы можете установить отступ от других элементов страницы (текста или других изображений) по горизонтали, рекомендуемое значение 10.

2.5. Граница – Вы можете установить границу, указав ширину. Например, если в поле «граница» установить «1», то вокруг изображения появится граница шириной в 1 пиксель.

2.6. Стиль – поле используется продвинутыми пользователями.

3. Дополнительные – вкладка содержит поля альтернативного изображения и дополнительные поля для продвинутых пользователей:

3.1. Альтернативное изображение – если установить галочку, то можно будет добавить альтернативное изображение, которое будет отображаться при «наведении» и «уведении» мышью посетителями сайта на изображение.

3.1.1. При наведении мыши – поле позволяет установить любое изображение из интернета, на которое будет изменяться изображение при наведении мыши. Не рекомендуется использовать изображения с других сайтов.

3.1.2. Список изображений – выбор изображения, на которое будет изменяться изображение при наведении мыши посетителями сайта из изображений, добавленных в файловый менеджер. После выбора изображения поле «При наведении мыши» автоматически заполнится.

3.1.3. При уведении мыши – поле позволяет установить любое изображение из интернета, на которое будет изменяться изображение при уведении мыши. Не рекомендуется использовать изображения с других сайтов.

3.1.4. Список изображений – выбор изображения, на которое будет изменяться изображение при наведении мыши посетителями сайта из изображений, добавленных в файловый менеджер. После выбора изображения поле «При уведении мыши» автоматически заполнится.

3.2. Разное – поля используются продвинутыми пользователями.

Операции с медиа:  Вставить/редактировать медиа объект – на любую страницу сайта Вы можете вставить меда объект. Для этого в нужное место на сайте установите курсор и нажмите на кнопку «Вставить/редактировать медиа объект». Откроется окно, в котором Вы сможете добавить объекты типа:

• Flash
• QuickTime
• Shockwave
• Windows Media
• Real Media

И для каждого из типов есть возможность установить дополнительные параметры отображения на вкладке «дополнительные».

Операции с цветовым оформлением текста:  выбрать цвет текста, выбрать цвет фона – для выделенного фрагмента текста Вы можете задать цвет текста или цвет фона за текстом.  Для этого выберите нужный цвет текста или фона, нажав на «стрелочку» соответствующей кнопки. Выделите фрагмент текста и нажмите на соответствующую кнопку.

Например, Вы хотите выделить важную информацию красным цветом. Для этого выберите цвет текста из списка цветов, открывающегося при нажатии на кнопку «выбрать цвет текста».

Операции с таблицами

1. Вставить/изменить таблицу  - чтобы создать таблицу, нажмите на эту кнопку. При нажатии откроется окно с двумя вкладками:

1.1. Общие – вкладка содержит основные свойства таблицы:

1.1.1. Столбцы и строки – поля задают количество столбцов и строк в создаваемой таблице.

1.1.2. Набивка ячеек – поле задает отступ внутри ячейки. Рекомендуемое значение – от «5» до «10».

1.1.3. Расстояние между ячейками – поле задает отступы между ячейками. Не рекомендуем заполнять это поле.

1.1.4. Выравнивание – поле задает выравнивание текста внутри ячеек таблицы, выбирается из: «по центру», «влево», «вправо».

1.1.5. Граница – поле задает толщину границы таблицы (не влияет на ширину границ ячеек). Цвет границы задается во вкладке «Дополнительные» в поле «Цвет границы».

1.1.6. Ширина и высота – поля задают ширину и высоту таблицы в пикселях. Если поле пустое, значит таблица будет занимать всю возможную ширину и необходимую высоту. Не рекомендуем заполнять эти поля.

1.1.7. Класс – поле необходимо для продвинутых пользователей.

1.1.8. Заголовок таблицы – поле позволяет добавить в отображение таблицы на сайте – «заголовок таблицы».

1.2. Дополнительные – вкладка содержит дополнительные свойства таблицы:

1.2.1. Идентификатор, Сводка, Стиль, Код языка, Фоновое изображение, Рамка, Линейки, Направление языка  – поля необходимы для продвинутых пользователей.

1.2.2. Цвет границы – поле позволяет задать цвет границы таблицы (не влияет на цвет границ ячеек). Ширина границы задается во вкладке «Общие» в поле «Граница». Выбор цвета границы осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета границы.

1.2.3. Цвет фона – поле позволяет задать цвет фона таблицы. Выбор цвета фона осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета фона.

Также в окне «Вставить/изменить таблицу» представлены:

1. Кнопка «Обновить» - при нажатии параметры таблицы применятся к выбранной или вновь создаваемой таблице и окно «Вставить/изменить таблицу» будет закрыто.

2. Кнопка «Отменить» - при нажатии параметры таблицы не применятся к выбранной таблице, или создаваемая таблица не будет создана и окно «Вставить/изменить таблицу» будет закрыто.

2. Свойства строки  – позволяет редактировать параметры строк в таблице. Кнопка становится активной при нахождении курсора в одной из ячеек таблицы. При нажатии отобразиться окно, содержащее вкладки:

2.1.  Общие – вкладка содержит общие свойства ячеек строки:

2.1.1. Строка в части таблицы, Класс – поля необходимы для продвинутых пользователей.

2.1.2. Выравнивание – поле позволяет установить горизонтальное выравнивание в ячейках строки.

2.1.3. Горизонтальное выравнивание – поле позволяет установить вертикальное выравнивание в ячейках строки.

2.1.4. Высота – поле задает высоту ячеек в строке.

2.2. Дополнительные – вкладка содержит дополнительные свойства ячеек строки:

2.2.1. Идентификатор, Стиль, Направление языка, Код языка, Фоновое изображение – поля необходимы для продвинутых пользователей.

2.2.2. Цвет фона - поле позволяет задать цвет фона ячеек строки. Выбор цвета фона осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета фона.

Также в окне «Свойства строки» представлены:

3. Выпадающий список, позволяющий выбрать строки, к которым будут применены выбранные параметры.

4. Кнопка «Обновить» - при нажатии параметры строк применятся к выбранным строкам и окно «Свойства строки» будет закрыто.

5. Кнопка «Отменить» - при нажатии параметры строк не применятся и окно «Свойства строки» будет закрыто.

3. Свойства ячейки  – позволяет редактировать параметры ячеек таблицы. Кнопка становится активной при нахождении курсора в одной из ячеек таблицы. При нажатии отобразиться окно, содержащее вкладки:

3.1.  Общие – вкладка содержит общие свойства ячеек строки:

3.1.1. Выравнивание – поле позволяет установить горизонтальное выравнивание в ячейках строки.

3.1.2. Горизонтальное выравнивание – поле позволяет установить вертикальное выравнивание в ячейках строки.

3.1.3. Тип ячейки, Пределы, Класс – поля необходимы для продвинутых пользователей.

3.1.4. Ширина – поле задает ширину ячейки.

3.1.5. Высота – поле задает высоту ячейки.

3.2. Дополнительные – содержит дополнительные свойства ячеек строки:

3.2.1. Идентификатор, Стиль, Направление языка, Код языка, Фоновое изображение – поля необходимы для продвинутых пользователей.

3.2.2. Цвет границы – поле позволяет задать цвет границы. Выбор цвета границы осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета границы.

3.2.3. Цвет фона - поле позволяет задать цвет фона ячеек строки. Выбор цвета фона осуществляется путем нажатия на кнопку «просмотреть» и выбора из открывшегося окна нужного цвета фона.

4. Операции вставки/удаления строк  :

4.1. Вставить строку перед – кнопка позволяет вставить строку перед строкой, в которой установлен курсор.

4.2. Вставить строку после – кнопка позволяет вставить строку после строки, в которой установлен курсор.

4.3. Удалить строку – кнопка позволяет удалить строку, в которой установлен курсор.

5. Операции вставки/удаления столбцов  :

5.1. Вставить столбец перед – кнопка позволяет вставить столбец перед столбцом, в котором установлен курсор.

5.2. Вставить столбец после – кнопка позволяет вставить столбец после столбца, в котором установлен курсор.

5.3. Удалить столбец – кнопка позволяет удалить столбец, в котором установлен курсор.

6. Операции объединения ячеек  :

6.1. Разделить слитые ячейки – кнопка позволяет разделить слитые ячейки. Кнопка становится активной в том случае, если курсор установлен в ячейке, состоящей из нескольких слитых ячеек.

6.2. Слить ячейки – кнопка позволяет слить ячейки. При нажатии на нее появляется окно, содержащее поля «столбцы» и «строки», задающие количество ячеек вправо и вниз от текущей ячейки, которые необходимо слить.

Другие операции  :

Вставить горизонтальную линию – кнопка вставляет горизонтальную линию по всей ширине страницы или ячейки, если курсор установлен в ячейке таблицы.

Убрать форматирование – кнопка позволять убрать форматирование выделенного фрагмента текста. Рекомендуется использовать, в случае если текст был вставлен из документа WORD или веб-странички.

Включить/выключить направляющие/невидимые элементы – позволяет включить или выключить отображение в системе управления (не будет влиять на отображение на сайте) границ таблиц и других элементов, содержащих явные или неявные границы.

Включить/выключить полноэкранный режим – позволяет расширить или сжать визуальный редактор во всю страницу.