Визуальный редактор

При помощи визуального редактора html кода осуществляется создание и редактирование содержания страниц сайта. В CMS.edu используется визуальный редактор HTML-страниц FCKeditor.

Окно редактора состоит из следующих областей:

• Панель инструментов(аналогична панели инструментов программы Word). Здесь находятся инструменты визуального редактирования содержания.

• Рабочая область представляет собой область для ввода текста, вставки изображений и других элементов содержания страниц.

• Кнопки. Кнопка "Сохранить" - сохраняет внесенные изменения, производит выход на список файлов, кнопка "Применить" тоже сохраняет внесенные изменения, но без выхода на список файлов. Кнопка "Отменить" отменяет внесенные изменения.

Рисунок 3.20. Визуальный редактор

Важно

Клавиша Enter в визуальном редакторе начинает новый абзац (соответствует тегу <p></p>). Сочетание клавиш Shift+Enter (соответствует тегу <br>) используется для перехода на новую строку в текущем абзаце.

Инструменты визуального редактора:

Источник - включает режим отображения содержания в рабочей области в виде html - кода.

Сохранить - сохраняет изменения в файле.

Предварительный просмотр - открывает для просмотра содержание страницы в отдельном окне.

Шаблоны - Открывает окно выбора шаблона содержания (см. рисунок). Если Вы хотите использовать один из доступных шаблонов, выберите его щелчком мыши (после чего шаблон появится в рабочей области, а текущее содержание будет потеряно). Если Вы хотите добавить шаблон и сохранить текущее содержание, предварительно уберите галочку "Заменить текущее содержание".

Рисунок 3.21. Шаблоны содержимого

Буфер обмена

Вырезать - вырезает выделенный фрагмент, помещая его в буфер обмена. Вместо этого инструмента можно использовать сочетание клавиш Ctrl+X.

Копировать - копирует выделенный фрагмент, помещая его в буфер обмена. Сочетание клавиш Ctrl+C.

Вставить - вставляет фрагмент из буфера обмена. Можно также использовать сочетание клавиш Ctrl+V для вставки.

Инструмент "Вставить" вставляет текст с сохранением форматирования. При использовании этого инструмента для вставки текста скопированного из программы Word в html коде страницы оказывается большое количество лишних тегов, и формируется не правильная логическая структура документа.

Вставить только текст - вставляет фрагмент текста без форматирования из буфера обмена.

Инструмент "Вставить только текст" - наиболее предпочтителен при вставке текста из различных текстовых редакторов, включая программу Word. При использовании этого инструмента, копируется только текст, из всего форматирования остается только разбивка на абзацы. После такой вставки текст можно отформатировать при помощи инструментов визуального редактора.

Вставить из Word - вставляет фрагмент текста скопированный из документа Word.

Если Вы хотите вставить отформатированный текст из программы Word, то используйте для этого специальный инструмент "Вставить из Word". Он удалит из html кода избыточную информацию (а её там будет больше половины). В диалоге "Вставить из Word" включите галочки "Игнорировать определения гарнитуры" и "Убрать определения стилей", эти опции уберут лишнюю информацию в исходном коде страницы.

Рисунок 3.22. Окно инструмента "Вставить из Word"

В браузере MS Internet Explorer при вставке текста из программы Word, с использованием клавиш Ctrl+V, редактор выдает предупреждение: "Текст, который вы хотите вставить, похож на копируемый из Word. Вы хотите очистить его перед вставкой?". Нажмите "ОК", и откроется окно инструмента "Вставка из Word".

Важно

При копировании и вставке текста из программы Word используйте инструмент "Вставить только текст", либо "Вставить из Word".