Codenrock
Search…
Помощь по редактору в Обсуждениях
Здесь собрана краткая информация по быстрому форматированию текста в редакторе при создании темы в обсуждениях. Полная информация по редактору представлена тут:

Заголовки

# H1
## H2
### H3
#### H4
##### H5
###### H6
Альтернативный метод форматирования для того, чтобы сделать заголовки H1 и H2
Alt-H1
======
Alt-H2
------
Форматирование заголовков

Списки

В примере каждый пробел обозначен как - ⋅. Количество ⋅ (точек) равно количеству пробелов в редакторе.
1. Первый элемент упорядоченного списка
2. Какой-то другой элемент списка
⋅⋅⋅* Подэлемент неупорядоченного списка.
1. Если поменять число, то элемент все равно сохранит порядковый номер
⋅⋅⋅1. Подэлемент упорядоченного списка
4. И какой-то другой элемент
⋅⋅⋅В редакторе есть возможность создать абзацы с таким же отступом, как и у элементов списка.
Обратите внимание на пустую строку выше и пробелы (используйте три пробела перед предложением, чтобы создать абзац).
* Для неуподрядоченного списка можно использовать звездочки
- Или минусы
+ Или плюсы
Форматирование списков

Ссылки

Есть несколько способов вставить ссылки в редактор.
[Я ссылка внутри строки](https://www.codenrock.com)
[Я ссылка внутри строки с подсказкой при наведении на меня](https://www.codenrock.com "Codenrock Homepage")
[Я ссылка в стиле справочника][1]
[Вместо числа можно сразу вставлять ссылку]
Можно, например, сделать так [текст для привлечения внимания]
[1]: https://www.codenrock.com
[Вместо числа можно сразу вставлять ссылку]: https://www.codenrock.com
[текст для привлечения внимания]: https://www.codenrock.com
Форматирование ссылок
URL такого формата:
  • https://codenrock.com
  • <https://codenrock.com>
  • codenrock.com (иногда без http(s)://) (ссылки такого вида на Github распознаваться не будут)
Автоматически распознаются редактором как ссылки.

Изображения

Это наше лого (если навести на него мышкой, то можно увидеть подсказку):
Ссылка внутри строки:
![alt text](https://contestfiles.s3.eu-central-1.amazonaws.com/tilda/20753841/tild3535-3832-4938-b836-386533353930___1ldpi.svg "Logo Title Text 1")
Добавим ссылку на изображение в справочном стиле:
![alt text][logo]
//Обязательно ставьте пробел между текстом и передаваемой ссылкой
[logo]: https://contestfiles.s3.eu-central-1.amazonaws.com/tilda/20753841/tild3535-3832-4938-b836-386533353930___1ldpi.svg "Logo Title Text 2"
Форматирование изображений

Подсветка кода

//Используйте обратные галочки, чтобы выделить код внутри строки.
Inline `code` has `back-ticks around` it.
//Блоки кода либо ограничены строками с тремя обратными галочками ```,
//либо имеют отступ с четырьмя пробелами.
//Рекомендуется использовать только изолированные блоки кода - они проще
//и только они поддерживают подсветку синтаксиса.
```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```
```python
s = "Python syntax highlighting"
print s
```
Форматирование кода

Таблицы

// Для выраванивания колонок используйте двоеточия.
| Таблицы | Это (колонка 2) | Круто (колонка 3)|
| ------------------------ |:---------------------------------:| ------------------------:|
| Колонка 3 | Прижата к правому краю | $1600 |
| Колонка 2 | Находится по центру | $12 |
| Построчная зебра | Работает | $1 |
// Каждую ячейку заголовка должно разделять не менее трех тире.
// Внешние каналы (|) не являются обязательными, не нужно делать их красивыми:)
// Некрасивый, но полностью рабочий, пример:
Не очень | Красивая | Разметка
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
Создание и форматирование таблиц

Цитаты

> Цитату создать очень легко! Поставьте угловую скобку в начале предложения.
> Продолжение предложения с новой строки, но в том же блоке цитаты.
Тут будет разрыв цитаты
> Это очень длинная строка, которая все равно будет правильно цитироваться при переносе. Давайте продолжим писать, чтобы убедиться, что этого достаточно, чтобы все слова поместились в цитату. О, кстати, вы можете *отформатировать* **текст** внутри цитаты!
Форматирование цитат

Горизонтальный разделитель

Три или более...
***
Звездочки
___
Подчеркивания

Видео с Youtube

Видео с Youtube добавляются аналогично изображениям.
Вставьте после href ссылку на видео. Не забывайте обернуть ссылку в кавычки!
Поменяйте обложку у видео, если хотите. Вставьте в тег img после src ссылку на изображение, которое будет показываться вместо обложки по умолчанию.
Если нужно изменить ширину и высоту превью видео, то поменяйте числа в параметрах ширины width и высоты height.
//Код для вставки видео с Youtube
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE
" target="_blank">
<img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg"
alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a>
Вставка ссылки на видео
Copy link
Outline
Заголовки
Списки
Ссылки
Изображения
Подсветка кода
Таблицы
Цитаты
Горизонтальный разделитель
Видео с Youtube