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

Как вы наверно уже заметили, при публикации записей или страниц, для удобного форматирования и оформления текста, нам доступен визуальный редактор, работающий по принципу WYSIWYG (What You See is What You Get) — Что Вижу, То и Получаю. Надеюсь при публикации первой записи, даже некоторые из вас потренировались с кнопками редактора и поэтому, наверно лишним будет заострять внимание на назначении этих кнопок, так как при наведении курсора всплывающая подсказка достаточно хорошо повествует об этом, о каждой пиктограмме, а приведенные ссылки на источник демонстрируют даже результат форматирования той или иной кнопки.

WYSIWYG (What You See is What You Get)

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

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

Правило при копировании материалов

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

Форматирование

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *