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

webmaster

Опубликован:  2020-12-18T06:39:46.400604Z
Отредактирован:  2020-12-18T06:27:32.294982Z
webmaster блог
1
0
0
Вы неавторизованы, рекомендую зарегистрироваться и авторизоваться.

Каждая сущность списков auriz.ru (запись в блоге, публичный комментарий, приватное сообщение, объявление) содержит форматированный текст и может включать абзацы, выделенные жирным, курсивом или подчеркиванием фрагменты, картинки, встроенный контент типа роликов youtube.com, листинги с кодом различных диалектов, цитаты, ссылки и нумерованные или ненумерованные списки. В этой статье рассмотрим способы форматирования текста при вводе на этом сайте с визуальными примерами и демонстрациями.

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

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

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

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

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

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

GjL9QPYwVS.png

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

pASdMZ7Tra.png

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

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

3. Абзац

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

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

3laOLvXHr0.png

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

JGJ1cunEpB.png

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

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

sBTRfu1qOb.png

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

lNgYLZWFsv.png

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

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

dUIN7FP9Lr.png

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

SUMJv4nXJm.png

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

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

qhx9jdbgAE.png

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

St4ZAOxZQc.png

7. Цитаты

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

nWBt94TNjx.png

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

m6iRBE63lb.png

8. Ссылки

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

ztx8aLD3WF.png

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

gnS9sAhlH6.png

9. Картинки

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

7WwRfMEGY8.png

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

ja17eWmY0k.png

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

10. Ролики youtube.com

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

zhbmSymWHG.png

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

qXgqy9z7G0.png

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

11. Код

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

tI3S6vGX1m.png

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

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

M41UbsRe5R.png

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