Зачастую учебный материал нужно копировать из документов Word. Есть несколько методов, как это сделать верно и избежать лишних хлопот. Один из наших клиентов решил внести изменения в оформление учебных материалов в  курсах JoomlaLMS. Помимо выполнения стандартной работы, необходимой для выполнения этого задания, мы столкнулись с необходимостью исправить последствия неверного копирования текстов и документов Word.

Перед нами стояла следующая задача: поменять параметры используемых шрифтов для разных элементов html-разметки контента — абзацев, ссылок, заголовков и т.д. У них нужно было менять размеры, цвет, отступы, тип шрифта и другие параметры. Также в контент курсов необходимо было добавить изображения. Проблем не возникло лишь при добавлении изображений…

Сейчас мы объясним, почему возникли трудности в таких простых  на первый взгляд вещах, как замена размера шрифтов у абзацев, изменение цвета ссылок и т.д.

При использовании JoomlaCMS все оформление внешнего вида сайта содержится в его шаблоне.  Здесь прописываются все необходимые стили (включая глобальные) для правильного отображения контента.  Глобальные стили задаются для абзацев, заголовков, ссылок, списков и многих других элементов.  Если задать для абзаца размер шрифта в 12 пунктов, то все тексты на сайте, помещенные в тег P (

абзац

), будут иметь размер шрифта, равного 12 пунктам. Однако если контент добавляется путем копирования текста из графического редактора MS Word с последующей вставкой в окно редактора JoomlaLMS (рисунок 1), то вместе с текстом копируется также все оформление текста — размер и тип шрифтов, цвет и т д.

 

Рисунок 1 Редактор в JoomlaLMS

Кроме форматирования добавляется также служебная информация, которая засоряет html-код контента (рисунок 2).  Увидеть ее можно при отключении визуального редактора.

Рисунок 2 Служебная информация программы MS Word html-коде контента в JoomlaLMS

В нашем случае клиент совершил ошибку — все материалы  в курс были добавлены путем простого копирования из MS Word (скорее всего из старых версий программы). В итоге на некоторых страницах «поехала» верстка, глобальные стили уже не применялись для контента курсов, на всех страницах были использованы разные размеры и типы шрифтов. Выглядело это ужасно.

Таблицы стилей, указанные в шаблоне сайта, не применились к материалам курсов, так как стили, вписанные непосредственно в теги – inline-стили (например, тег (

абзац

) имеют более высокий приоритет. Для того чтобы добавить нужное оформление к контенту курсов, необходимо сначала очистить контент от всего лишнего, перенесенного из MS Word. На рисунке 1 приведен скриншот JCE-редактора, который имеет инструменты для очистки кода. На данный момент это один из лучших WYSIWYG-редакторов, используемых в JoomlaCMS.

 

Существуют четыре способа очистки контента от ненужных стилей и служебной информации из программы MS Word:

  1. Воспользоваться специальным инструментом при вставке контента из программы MS WordВставить из Word (). При нажатии на данную кнопку откроется окно для вставки контента из буфера обмена. Текст, вставленный при помощи данного инструмента, будет иметь чистый html-код. Этот способ подходит на этапе создания курсов.
  2. Воспользоваться специальным инструментом при вставке контента — Вставить как текст (). При нажатии на данную кнопку также откроется окно для вставки контента из буфера обмена. Контент, вставленный при помощи данного инструмента, будет полностью очищен от любого форматирования. Это будет просто текст. Этот способ также предназначен для использования на этапе создания курсов. Если же курсы уже готовы, то можно применить способы, указанные ниже.
  3. Очистить форматирование текста при помощи инструмента — Удалить формат (). Удалить форматирование при помощи этого инструмента можно и у отдельного элемента (например, только у заголовка), и у всего текста, вставленного в окно редактора. Чтобы воспользоваться инструментом, необходимо выделить текст, который необходимо очистить, и нажать на кнопку «Удалить формат».
  4. Отключить визуальный редактор и удалить ненужные теги вручную. Данный способ очень трудоемкий. При его использовании необходимы хотя бы  минимальные знания html-разметки. Если на сайте вы использует визуальный редактор, который не имеет инструментов, указанных в пунктах 1-3, то у вас есть два пути.  Либо отключить визуальный редактор и удалить ненужные теги вручную, либо установить редактор JCE.

Есть еще один способ очистки текста от ненужного форматирования. Это так называемое двойное копирование. Сначала нужно скопировать контент из MS Word в буфер обмена. Затем вставить скопированный текст в текстовый документ (для этого можно воспользоваться встроенной в Windows программой — Блокнот). Далее необходимо скопировать его второй раз уже из блокнота и вставить в редактор Joomla. Этот способ хоть и не выглядит удобным, но им тоже можно пользоваться. При вставке текста из MS Word в Блокнот удаляется полностью все форматирование текста. Действие его аналогично инструменту «Вставить как текст».

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

26-05-2012
Print
 
Comments List