Как форматировать текст в списках auriz.ru

webmaster

Опубликован:  2018-10-31T12:34:57.469347Z
Отредактирован:  2018-10-31T12:51:06.749616Z
Каждая сущность списков auriz.ru содержит форматированный текст, который может содержать абзацы, выделенные жирным, курсивом или подчеркиванием фрагменты, картинки, встроенный контент типа роликов youtube.com, листинги с кодом различных диалектов, цитаты, ссылки и нумерованные или ненумерованные списки. Эта статья покажет как форматируется авторский текст при вводе на этом сайте.

1. Общие сведения

Для форматирования текста списки auriz.ru используют Markdown - стандартный облегченный диалект разметки с некоторыми характерными особенностями, которые отражены далее по списку ниже. Авторский текст может содержать следующие элементы форматирования:

  • абзацы;
  • выделения жирным, курсивом, подчёркиванием, зачеркиванием и сочетаниями;
  • нумерованные списки;
  • ненумерованные списки;
  • цитаты;
  • ссылки;
  • картинки;
  • ролики youtube.com и другой встроенный контент сторонних ресурсов;
  • код с цветовой подсветкой синтаксиса.

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

2. Ввод текста и предварительный просмотр

Текст в списках auriz.ru вводится посредством стандартных html-форм. Каждая сущность списков auriz.ru: статья в блоге, список, комментарий пользователя, приватное сообщение - имеет единый способ и правила форматирования текста. При этом, введённый текст может быть предварительно просмотрен перед отправкой на сервер. Для этого каждая форма для ввода текста содержит функциональную кнопку с изображением принтера.

q5DLnlxAfx.png

Если эту кнопку нажать, то введённый текст будет отправлен на сервер, и отформатированный текст будет показан в вашем браузере в модальном окне.

4WcxtEnemg.png

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

Далее по списку ниже я буду демонстрировать примеры с введённым в форму текстом и окном предварительного просмотра с этим текстом для каждого элемента форматированного текста.

3. Абзац

Абзацы создаются вводом пустой строки между блоками текста, достаточно два раза нажать enter в конце абзаца, текст с новой строки будет отформатирован в новый абзац.

Пример ввода:

L5rCpZ4yUU.png

Результат форматирования:

XC4oKmdxqR.png

4. Жирный, курсив, подчёркнутый

Текст можно выделять жирным, курсивом или другими возможными способами, пример ввода:

GZHKsEKLY2.png

Результат форматирования:

A8McCzOTnO.png

5. Нумерованные списки

Пример ввода нумерованного списка:

fYaHlHVE0f.png

Результат форматирования:

6pAUhg1Qvy.png

6. Ненумерованные списки

Пример ввода ненумерованного списка:

r9siRy6CPx.png

Результат форматирования:

QF5NylUikw.png

7. Цитаты

Пример ввода цитированного текста:

nOIp9zkTQ1.png

Результат форматирования:

V1csMmL9lc.png

8. Ссылки

Пример ввода ссылок:

ByjhWYLKaR.png

Результат форматирования:

DFAUe8TZ2p.png

9. Картинки

Пример ввода:

Eq8HYUDs8z.png

Результат форматирования:

5Ilk8ZoIrM.png

Замечание: при вводе картинок в круглых скобках вводится url-адрес изображения, допускаются url-адреса любых доступных в сети Интернет хостингов картинок, при этом следует учитывать, что картинка будет отображаться до тех пор, пока она существует на хостинге картинок, поэтому желательно пользоваться не анонимными хостингами картинок.

10. Ролики youtube.com

Пример ввода:

RfTHDrHwdT.png

Результат форматирования:

rrOJdlYJhj.png

Следует иметь ввиду, что не все ролики youtube.com поддерживают встраивание, и авторы роликов могут запрещать встраивание на сторонних ресурсах. В этом случае ролик не может быть использован в списках auriz.ru.

11. Код

Пример ввода:

TahgzbHYsb.png

Вначале кода ставятся три обратные кавычки (```), затем следует название диалекта, на котором написан код, затем с новой строки следует код, и в завершении в отдельной строке ставятся три обратные кавычки (```). Название диалекта - не обязательный элемент, и может быть опущено.

Результат форматирования:

E8fCvHy8FF.png

Метки:  auriz, format
Комментарии: