Основы визуального редактора
Визуальное редактирование, так называемое WYSIWYG (What You See Is What You Get: что ты видишь — то и получаешь), означает, что текст форматируется по мере набора. Визуальный редактор незаметно создаёт HTML-код, в то время как вы сосредоточены на тексте. Стили шрифта, ссылки и картинки отображаются сразу после вставки.
WordPress включает в себя визуальный редактор, который работает во всех основных браузерах. Однако редактирование HTML — не то же самое, что набор текста. Каждая страница имеет две основные составляющие: структуру, которая представляет собой HTML-код и создаётся редактором по мере ввода, и применяемое к этой структуре отображение, которое определяется текущей выбранной темой WordPress и файлом style.css. WordPress создаёт корректный XHTML 1.0, и это значит, что вставка после абзаца множественных разделителей строк (BR) не создаёт пробелов на веб-странице. Теги BR будут удалены встроенными функциями корректировки HTML.
В редакторе основные сочетания клавиш работают так же, как и в других текстовых редакторах. Например, Shift+Enter вставляет разрыв строки, Ctrl+C = копировать, Ctrl+X = вырезать, Ctrl+Z = отменить, Ctrl+Y = повторить, Ctrl+A = выделить всё, и т.д. (на компьютерах Mac вместо Ctrl используйте клавишу Command). В разделе «Клавиши» можно посмотреть все доступные сочетания.
Если работа визуального редактора вас не устроит, его можно отключить в персональных настройках вашего профиля.
Визуальное редактирование
Картинки и вложения
На панели редактора есть кнопка для вставки картинки, которая уже размещена где-то в интернете. Если вы знаете адрес картинки, нажмите на эту кнопку и введите адрес в соответствующем поле.
Если вы хотите загрузить изображение или другой медиафайл с компьютера, можно использовать кнопку библиотеки медиафайлов чуть выше редактора. Для каждого загруженного изображения в библиотеке файлов создаётся миниатюра. Чтобы вставить загруженную картинку в запись, щёлкните на миниатюре для просмотра способов представления. Выбрав подходящий вариант, нажмите кнопку «Вставить в запись», и ваша картинка или файл появится в текущей записи.
HTML в визуальном редакторе
Любой HTML-код, введённый прямо в визуальном редакторе, при просмотре записи будет показан как текст. Что видишь — то и получаешь. Если вы хотите включить в запись HTML-элементы, которые нельзя получить с помощью кнопок на панели инструментов, вам нужно добавить их вручную в текстовом редакторе. Для этого переключитесь на вкладку «Текст» и введите код. Если он корректен и понятен визуальному редактору, вы увидите его сразу же, переключившись обратно в визуальный режим.
Вставка текста в визуальный редактор
При копировании содержимого с другой веб-страницы результат зависит от вашего браузера и копируемой страницы и может оказаться неподходящим. Редактор попытается исправить весь некорректный HTML-код, но для обеспечения наилучших результатов попробуйте использовать вкладку «Текст» или кнопки специальной вставки во втором ряду. Либо попробуйте копировать текст по одному параграфу. В большинстве браузеров, чтобы выделить весь параграф, нужно сделать по нему тройной щелчок.
Вставлять содержимое из других приложений, таких как Word или Excel, лучше всего с помощью кнопки «Вставить из Word» во втором ряду, либо в текстовом режиме.
Пишите в полную силу
Вместо мышки вы можете использовать горячие клавиши. В Windows и Linux используется Ctrl + буква. На Macintosh — Command + буква.
| Буква | Действие | Буква | Действие |
|---|---|---|---|
| c | Копировать | v | Вставить |
| a | Выделить всё | x | Вырезать |
| z | Отменить | y | Повторить |
| b | Жирный | i | Курсив |
| u | Подчёркнутый | 1 | Заголовок 1 |
| 2 | Заголовок 2 | 3 | Заголовок 3 |
| 4 | Заголовок 4 | 5 | Заголовок 5 |
| 6 | Заголовок 6 | 9 | Адрес |
В следующих комбинациях используются другие служебные клавиши: Alt + Shift + буква.
| Буква | Действие | Буква | Действие |
|---|---|---|---|
| n | Проверка орфографии | l | По левому краю |
| j | По ширине | c | По центру |
| d | Перечёркнутый | r | По правому краю |
| u | • Список | a | Вставить ссылку |
| o | 1. Список | s | Удалить ссылку |
| q | Цитата | m | Вставить фото |
| w | Полноэкранный режим | t | Вставить тег «Далее» |
| p | Вставить тег разрыва страницы | h | Помощь |
Ширина редактора в полноэкранном режиме:
| Alt +Ctrl + | Шире | Alt -Ctrl - | Уже |
|---|---|---|---|
| Alt 0Ctrl 0 | Ширина по умолчанию |
О TinyMCE
Версия: ()
TinyMCE — это кроссплатформенный визуальный редактор, написанный на JavaScript и распространяемый по лицензии LGPL компанией Moxiecode Systems AB. Он позволяет перевести все поля textarea или другие элементы HTML в режим визуального редактирования.
Copyright © 2003—2011, Moxiecode Systems AB. Все права защищены.
Для получения дополнительной информации посетите сайт TinyMCE.
