Большая тестовая статья в Markdown

Главная
Назад к статьям

Отлично, вот большая тестовая статья в Markdown (rich text) с максимально разнообразными элементами, которые обычно поддерживаются и используются в Strapi для проверки рендеринга.


🚀 Большая тестовая статья для проверки Markdown в Strapi

Цель статьи:
Протестировать рендеринг Markdown / Rich Text в админке Strapi, включая заголовки, списки, таблицы, код, цитаты, изображения, ссылки, эмодзи и вложенные структуры.


📌 Содержание

  1. Введение
  2. Заголовки всех уровней
  3. Форматирование текста
  4. Списки
  5. Чек-листы
  6. Ссылки и якоря
  7. Изображения
  8. Таблицы
  9. Код и подсветка синтаксиса
  10. Цитаты и вложенные блоки
  11. HTML внутри Markdown
  12. Эмодзи и спецсимволы
  13. Разделители и структурирование
  14. Большой текстовый блок
  15. Заключение

Введение

Markdown — это удобный формат разметки, который широко используется в CMS, документации и блогах.
В Strapi Markdown применяется для:

  • статей
  • новостей
  • блог-постов
  • технической документации
  • SEO-контента

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


Заголовки всех уровней

Заголовок H1

Заголовок H2

Заголовок H3

Заголовок H4

Заголовок H5
Заголовок H6

Форматирование текста

Примеры форматирования:

  • Жирный текст
  • Курсив
  • Жирный + курсив
  • Зачёркнутый текст
  • inline code
  • <mark>Выделение (HTML)</mark>

Пример абзаца:

Strapi — это headless CMS, которая позволяет гибко управлять контентом и доставлять его в любые клиенты: web, mobile, TV, IoT и другие.


Списки

Маркированный список

  • Frontend

    • Next.js
    • React
    • Vue
  • Backend

    • Strapi
    • NestJS
    • Express
  • Database

    • PostgreSQL
    • MySQL
    • MongoDB

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

  1. Установить Strapi
  2. Создать Content Type
  3. Добавить Rich Text поле
  4. Опубликовать статью
  5. Проверить API

Вложенные списки

  1. CMS

    1. Headless

      • Strapi
      • Directus
    2. Traditional

      • WordPress
      • Joomla

Чек-листы

  • Markdown поддерживается
  • Заголовки отображаются
  • Код подсвечивается
  • Нет багов рендеринга
  • Проверить mobile view

Ссылки и якоря

Обычная ссылка:
👉 Официальный сайт Strapi

Ссылка с title:
Strapi Docs

Якорь внутри статьи:
Перейти к таблицам


Изображения

Изображение с alt-текстом:

Strapi Logo

Изображение с подписью (через HTML):

<figure> <img src="https://dummyimage.com/800x300/000/fff&text=Markdown+Test" alt="Markdown test image"> <figcaption>Рисунок 1 — Тестовое изображение для Strapi</figcaption> </figure>

Таблицы

ФичаПоддержкаКомментарий
MarkdownПолная
HTML внутри MD⚠️Зависит от настроек
ТаблицыСтандартные
EmojisUTF-8
MermaidОбычно нет

Выравнивание:

LeftCenterRight
ABC
123

Код и подсветка синтаксиса

Inline code

Используйте npm run build для сборки проекта.

Bash

npm install
npm run develop

JavaScript

export default {
  async find(ctx) {
    const entities = await strapi.service('api::article.article').find();
    return entities;
  }
};

TypeScript

interface Article {
  id: number;
  title: string;
  content: string;
  publishedAt?: string;
}

SQL

SELECT id, title, published_at
FROM articles
WHERE published_at IS NOT NULL
ORDER BY published_at DESC;

Цитаты и вложенные блоки

Это простая цитата.

❗ Важное замечание:

Вложенная цитата
Markdown может вести себя по-разному в зависимости от рендерера.


HTML внутри Markdown

<div style="padding:16px; border:2px dashed #999; border-radius:8px;"> <strong>HTML-блок:</strong><br/> Этот блок написан напрямую на HTML внутри Markdown. </div> <br/> <details> <summary>Нажми, чтобы раскрыть</summary> Скрытый контент внутри <code>&lt;details&gt;</code> </details>

Эмодзи и спецсимволы

🔥 🚀 ✅ ❌ ⚠️ 💡
© ® ™ € $ ₽ ₿

Unicode-текст:
Пример — длинное тире, кавычки «ёлочки», неразрывные пробелы.


Разделители и структурирование





Большой текстовый блок

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa.

Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Этот блок нужен для проверки:

  • переносов строк
  • ширины контейнера
  • читабельности текста

Заключение

🎯 Результат:
Эта статья покрывает большинство Markdown-конструкций, которые могут использоваться в Strapi:

  • заголовки
  • списки
  • таблицы
  • код
  • HTML
  • изображения
  • эмодзи

Если хочешь, дальше могу:

  • адаптировать под конкретный Markdown-плагин Strapi
  • сделать SEO-статью
  • проверить что сломается в твоём текущем рендерере
  • или подготовить stress-test с edge cases

Скажи 👍

Опубликовано:
Главная