Gutenberg и Markdown

Раздел:

| Теги:

| Дата публикации:

Markdown — это самый популярный минималистичный язык разметки, который используется в GitHub, Telegram, Discord и т.д.

Базовые правила Markdown следующие:

# Заголовок 1 уровня
## Заголовок 2 уровня
### Заголовок 3 уровня

**Жирный текст**  
*Курсив*  
***Жирный курсив***  
~~Зачёркнутый~~

- Элемент списка
- Ещё элемент
  - Вложенный элемент

1. Первый
2. Второй
3. Третий

[Текст ссылки](https://example.com)  
![Альтернативный текст](https://example.com/image.png)

> Это цитата
>> Вложенная цитата

`код`

```js console.log("Пример кода"); ```

---

И мне стало интересно насколько поддерживает ли редактор Gutenberg базовый Markdown. Ниже я буду писать всё, что выше но уже без дополнительной обертки.

Тест Markdown в Gutenberg

Заголовок 1 уровня

Заголовок 2 уровня

Заголовок 3 уровня

**Жирный текст**

Курсив

Жирный курсив

Зачёркнутый

  • Элемент списка
  • Еще элемент списка
  • Вложенный элемент
  1. Первый
  2. Второй
  3. Третий

Текст ссылки

Альтернативный текст

Это цитата

Вложенная цитата

код

js console.log("Пример кода");

Вывод

Как видно выше, частично базовый Markdown поддерживается. Без проблем преобразуются заголовки, списки, цитата, даже код и горизонтальная линия, но вложенная цитата, тексты ссылки, блок кода, да и оформление текста курсивом или жирностью у меня сработали только если их вставить в текст, не при наборе😐

Тем не менее хоть и частично, но это еще один удобный способ для набора текста. Например, можно набросать заметку в телефоне используя Markdown, а затем перенести в Gutenberg и он все (почти) преобразует как надо 😊

При написании в самом редакторе наверно удобнее всего использовать сочетание /название блока