Текстовый редактор в консоли

ВАЖНОЕ ОБНОВЛЕНИЕ!

Сейчас для написания статей блогов используется новый блочный редактор Гутенберг. Ознакомиться с ним и попробовать вживую можно на официальном сайте.

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


Текстовый редактор консоли имеет два режима форматирования:

1. Визуально:

2. Текст:

Отличаются они тем, что в визуальном режиме Вы работаете с текстом также как в Microsoft Word, то есть Вы видите только визуальное форматирование. В текстовом режиме кроме текста Вы также будете видеть основные теги форматирования. Это несколько затрудняет оформление текста, но позволяет настроить форматирование более тонко.

Рассмотрим элементы форматирования в визуальном режиме. Для форматирования какого-либо текста Вам необходимо предварительно его выделить мышкой, а затем нажать на панели редактора нужную кнопку форматирования.

Панель содержит два ряда кнопок. Рассмотрим их подробнее по порядку.

 — поле с предустановленными стилями. Применение выбранного стиля к Вашему тексту автоматически отформатирует его в соответствием с настройками тему нашего сайта.

 — задание размера шрифта выделенному тексту.

 — кнопки стиля текста: жирный, курсив, подчеркнутый, зачеркнутый, нижний индекс, верхний индекс.

 — оформление выделенного фрагмента в виде цитаты. В текстовом режиме цитируемый текст обрамляется тегом <blockquote>Ваш текст<blockquote>. Оформление цитаты можно дополнительно изменить добавив в текстовом режиме к этому тегу переменную class="start-bq" вот так <blockquote class="start-bq">Ваш текст<blockquote>.

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

 — кнопки выравнивания текста: по левому краю, по центру, по правому краю, по ширине страницы, соответственно.

 — кнопки добавления к выделенному тексту гиперссылки на внутреннюю страницу сайта или на внешний ресурс. Для добавления ссылки выделите нужный текст и нажмите на первую кнопку. В появившемся небольшом окошке

введите какое-либо слово для поиска внутренней страницы и выберите её из предложенных вариантов или вставьте свою ссылку. Также для более тонкой настройки ссылки можно нажать на кнопку с шестеренкой и в открывшемся окне указать все параметры ссылки. Флажок Открывать в новой вкладке позволяет задать открытие ссылки в новой вкладке браузера, когда на неё нажимают.

Вторая кнопка в этом блоке кнопок позволяет удалить гиперссылку с выделенного текста. Просто поставьте курсор на текст, содержащий гиперссылку и нажмите её.

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

 — кнопки позволяют уменьшить или увеличить отступ текста от левого края страницы.

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

 — открывает окно с таблицей специальных символов для их вставки текст. В открывшемся окне выберите необходимый символ и нажмите на него, он будет вставлен на месте курсора.

 — кнопки с выпадающими палитрами для окраски фона текста или самого текста, соответственно.

 — кнопка вставки таблицы. По функциональности похожа с кнопкой в Microsoft Word. Нажмите на неё и в подменю Вставить таблицы мышкой выделите размер таблицы и нажмите левой кнопкой мышки на последнюю выделенную ячейку.

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

 — вставка в текст разделительной горизонтальной линии.

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

 — форматирование программного кода. Если Вы в своей статье хотите привести какой-либо компьютерный код, то его лучше выделить этим форматированием.

 — просмотр исходного кода статьи со всеми элементами и тегами форматирования. Для тех кто знает разметку HTML.

 — эта кнопка открывает окно с краткой справкой по комбинациям клавиш текстового редактора.

 — вставка разрыва страницы. Если вставить разрыв, то статья автоматически будет разделена на такое количество страниц, сколько будет вставлено таких разрывов.

 — раскрытие окна редактора в полноэкранный режим.

 — кнопки отмены и повторения выполненных действий. По аналогии с Microsoft Word.

 — кнопка добавления в текст какого-либо медиа-файла. Это может быть изображение, документ, архив и т. п. Данная кнопка доступна только редакторам и авторам. Если вам необходимо добавить к тексту изображения или документы, то запросите по почте повышение прав доступа до автора.

Также вкратце рассмотри панель редактора в текстовом режиме. Она намного проще и содержит только основные кнопки форматирования. Есть одна оговорка, использование этого режима подразумевает знанием Вами основ HTML.

Использование их очень простое: выделите необходимый текст и нажмите на кнопку форматирования. Выделенный текст будет обрамлен в тег форматирования. Например, чтобы выделить текст жирным шрифтом, то нажмите на кнопку b, Ваш текст будет обрамлен тегами <strong>Ваш текст</strong>.

Возможен второй вариант использования. Перед тем как набирать текст который будет по Вашей задумке выделен жирным нажмите первый раз на кнопку b, при этом вставится открывающийся тег <strong>, а кнопка изменится на /b, затем наберите Ваш текст и еще раз нажмите на кнопку /b, будет вставлен закрывающий тег </strong>.

Панель редактора в текстовом режиме имеет следующий вид:

Рассмотрим каждую из кнопок слева на право.

b — выделение текста жирным.

i — выделение текста курсивом

link — вставка гиперссылки

b-quote — вставка/выделение цитаты

del — зачеркнутый текст

ins — добавляет к тексту метку времени

img — вставка медиа-файла (изображения, документа и т.п.)

ul — маркированный список

ol — нумерованный список

li — элемент маркированного или нумерованного списка

Форматирование списков с помощью этих кнопок будет иметь следующий вид:

<ul>
<li>Элемент 1 маркированного списка</li>
<li>Элемент 2 маркированного списка</li>
<li>Элемент 3 маркированного списка</li>
</ul>

 

<ol>
<li>Элемент 1 нумерованного списка</li>
<li>Элемент 2 нумерованного списка</li>
<li>Элемент 3 нумерованного списка</li>
</ol>

code — делает представление текста в виде программного кода, без элементов форматирования (как видно на строчку выше для описания списков)

more — вставка ограничителя для задания выдержки статьи

закрыть теги — автоматическое закрытие всех открытых тегов

знак абзаца — исправление переноса строк.

Некоторые аспекты форматирования текста

При нажатии на клавишу Enter Вы создаете новый абзац. Это видно по отступу от предыдущего текста. Если вы хотите продолжать набирать текст в пределах одного абзаца, но Вам необходимо сделать перенос текста, то нажмите на клавишу Enter одновременно удерживая клавишу Shift.

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

Начинайте заголовки также с отдельного абзаца. Это улучшит читабельность текста.

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

Подписывайтесь на каналы PHARM COMMUNITY:

   
Просмотров: 17
Поделитесь с коллегами: