LibraTool logoLibraTool

Бесплатен Уредувач на Markdown

Пишувајте и прегледувајте Markdown во реално време. Поддржува наслови, задебелено, курзив, блокови код, табели и листи.

Работи офлајн откако ќе се вчита
92 зборови · 554 знаци
Markdown
Преглед
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Добредојдовте во уредникот за Markdown</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Пишувајте <strong>Markdown</strong> лево, гледајте го живиот преглед десно.</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Функции</h3> <ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>Задебелено</strong>, <em>закосено</em> и <del>прецртано</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">Вметнат код</code> и блокови со код</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">Линкови</a></li><li class="my-0.5">Листи, цитати, табели и повеќе</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Пример за код</h3> <pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) { return `Hello, ${name}!`; }</code></pre> <blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown е создаден од John Gruber во 2004 година за да го олесни пишувањето за веб.</blockquote> <table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">Функција</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">Поддржано</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Наслови</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Списоци</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Табели</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Код</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown потсетник
# Heading 1H1
**bold**Задебелено
*italic*Курзив
`code`Код во линија
- itemСписок со точки
1. itemНумериран список
> quoteЦитат
[text](url)Линк
![alt](url)Слика
---Разделник

Како функционира

Прегледот се исцртува со рачно напишан Markdown парсер вграден директно во алатката — без marked, без remark, без надворешна библиотека. Го токенизира изворот ред-по-ред во прелистувачот, конвертирајќи ја синтаксата во HTML кое потоа минува низ санитизатор пред прикажување.

  1. 1
    Токенизација ред-по-ред
    Прилагодената функција renderMarkdown го дели вашиот извор на нови редови и минува низ нив во еден проход, совпаѓајќи ги блоковите со код во ограда, наслови (H1–H6), цитати, подредени и неподредени листи, GFM табели (со порамнување на колони), хоризонтални линии, и параграфи според редослед на приоритет.
  2. 2
    Проширување на внатрешна синтакса
    Секој собран ред или ќелија потоа се обработува со inlineMarkdown, синџир на замени со регуларни изрази што ракува со задебелено (** и __), курзив (* и _), задебелено-курзив (***), прецртано (~~), внатрешен код (), слики (![alt](url)), и врски ([text](url)) — сликите се разрешуваат пред врските така што префиксот ! не се погрешно консумира.
  3. 3
    Санитизирање и блокирање на далечински ресурси
    Суровиот HTML произведен од исцртувачот минува низ санитизатор (sanitize-html) за да ги отстрани небезбедните ознаки и атрибути како <script>, обработувачи onerror, и javascript: hrefs. Втор проход (neutralizeRemote) стандардно ги заменува далечинските src вредности на слики со заменски знаци, спречувајќи прегледот тивко да „телефонира дома“ до надворешни сервери пред да се вклучите за тоа.
  4. 4
    Извезете како .md или самостоен .html
    Копирањето или преземањето Markdown го запишува суровиот изворен текст. Преземањето HTML го обвиткува санитизираниот излез во самостоен документ со свој вграден стил — Tailwind класите работат само внатре во страницата, па извозот наместо тоа вклучува обични CSS правила, правејќи ја датотеката читлива секаде.

Поврзани алатки

📝

Конвертор HTML во Markdown

Конвертирајте HTML во чист Markdown. Ракува со наслови, листи, врски, слики, блокови код и цитати. Совршено за преместување содржина надвор од CMS системи.

Пробајте го
🔄

Конвертор Markdown во HTML

Конвертирајте Markdown во чист HTML со преглед во живо. Користете го прегледот на изворен код за да копирате готов HTML за блогови, CMS системи или е-пошта.

Пробајте го
📊

Уредувач на Mermaid дијаграми

Пишувајте дијаграми на тек, секвенцијални дијаграми, Gantt дијаграми и уште многу во синтакса на Mermaid со преглед во живо. Извезете како SVG или PNG. Работи целосно во вашиот прелистувач.

Пробајте го

Најчесто поставувани прашања