Learn: inline markdown editor with formatting toolbar; drop edit modals

web/src/main/resources/templates/fragments/md-toolbar.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ru" xmlns:th="http://www.thymeleaf.org">
+<body>
+<!-- Панель форматирования markdown. target — CSS-селектор textarea -->
+<div th:fragment="toolbar(target)" class="md-toolbar" th:attr="data-md-target=${target}">
+    <button type="button" class="md-btn" data-md="bold" title="Полужирный: **текст**"><b>Полужирный</b></button>
+    <button type="button" class="md-btn" data-md="italic" title="Курсив: *текст*"><i>Курсив</i></button>
+    <button type="button" class="md-btn" data-md="h2" title="Заголовок раздела">Заголовок</button>
+    <button type="button" class="md-btn" data-md="ul" title="Маркированный список">Список</button>
+    <button type="button" class="md-btn" data-md="ol" title="Нумерованный список">Нумерация</button>
+    <button type="button" class="md-btn" data-md="quote" title="Цитата">Цитата</button>
+    <button type="button" class="md-btn" data-md="link" title="Ссылка">Ссылка</button>
+    <button type="button" class="md-btn" data-md="code" title="Код в строке">Код</button>
+    <button type="button" class="md-btn" data-md="codeblock" title="Блок кода на C">Блок кода</button>
+    <button type="button" class="md-btn" data-md="table" title="Таблица">Таблица</button>
+    <button type="button" class="md-btn" data-md="figure" title="Картинка с подписью (файл в assets/)">Картинка</button>
+    <button type="button" class="md-btn" data-md="video" title="Видео (файл в assets/)">Видео</button>
+    <button type="button" class="md-btn" data-md="spoiler" title="Спойлер: текст скрыт, открывается по клику">Спойлер</button>
+</div>
+</body>
+</html>