МиПОКС <link rel="stylesheet" href="/static/vendor/easymde.min.css"> <script src="/static/vendor/easymde.min.js"></script>  <script src="/static/vendor/marked.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { // Инициализация Markdown-редактора на всех textarea (поле "Описание") const textareas = document.querySelectorAll('textarea'); textareas.forEach(t => { new EasyMDE({ element: t, spellChecker: false, status: false, promptURLs: true }); }); // Рендеринг Markdown в постах const markdownContents = document.querySelectorAll('.markdown-content'); markdownContents.forEach(el => { const rawText = el.textContent; el.innerHTML = marked.parse(rawText); }); }); </script> <style> /* Стили для отрисовки Markdown в постах */ .markdown-content { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto; } .markdown-content img { max-width: 100%; height: auto; } .markdown-content pre, .markdown-content code { white-space: pre-wrap; overflow-wrap: anywhere; } .markdown-content h1, .markdown-content h2, .markdown-content h3 { font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; } .markdown-content p { margin-bottom: 1em; } .markdown-content ul { list-style-type: disc; margin-left: 2em; margin-bottom: 1em; } .markdown-content ol { list-style-type: decimal; margin-left: 2em; margin-bottom: 1em; } .markdown-content a { color: #3b82f6; text-decoration: underline; } .markdown-content blockquote { border-left: 4px solid #e5e7eb; padding-left: 1em; color: #6b7280; } .markdown-content code { background-color: #f3f4f6; padding: 0.2em 0.4em; border-radius: 0.25rem; font-size: 0.875em; } </style>