მთავარ შინაარსზე გადასვლა

Markdown რედაქტორი უფასოდ

დაწერეთ და გადახედეთ Markdown-ს რეალურ დროში. მხარს უჭერს სათაურებს, გამუქებას, დახრილ ფონტს, კოდის ბლოკებს, ცხრილებს და სიებს.

მუშაობს ოფლაინ ჩატვირთვის შემდეგ
85 სიტყვა · 592 სიმბოლო
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)გამოსახულება
---გამყოფი

გავრცელებული გამოყენება

  • დაწერეთ API დოკუმენტაცია Markdownდარეგისტრირდი endpoint აღწერილობა, მოთხოვნა წარმოდგენის მაგალითი და პარამეტრი ცხრილი Markdown.
  • აიღეთ Markdown შენიშვნადაწერეთ სტრუქტურირებული შენიშვნა Markdown რომელი შედეგი წებო Notion, Obsidian, Bear, ან ნებისმიერი Markdown პროგრამა.
  • GitHub README-ის დაწერა Markdown-შითქვენი GitHub საცავის README-ის პროექტი და გადახედვა ცოცხალი Markdown რენდერირებით.
  • ტექნიკური დოკუმენტაციის დაწერაAPI დოკუმენტაციის, wiki-ების და ტექნიკური გაიდების დაწერა და გადახედვა Markdown-ში გამოქვეყნებამდე.
  • ბლოგის პოსტების დაწერა Markdown-შიბლოგის პოსტების მოწერტე ჩახაზვა Markdown-ში Ghost, Jekyll, Hugo, Hashnode და სხვა Markdown-ზე დაფუძნებული გამოქვეყნების პლატფორმებისთვის.

როგორ მუშაობს

გადახედვა რენდერდება ხელით დაწერილი Markdown პარსერით, პირდაპირ ხელსაწყოში ჩაშენებული — marked, remark ან გარე ბიბლიოთეკის გარეშე. ის თქვენს წყაროს ხაზ-ხაზზე ტოკენიზებს ბრაუზერში, სინტაქსს HTML-ად გარდაქმნის, რომელიც შემდეგ სანიტიზერზეა გატარებული, ჩვენებამდე.

  1. 1
    ხაზ-ხაზზე ტოკენიზაცია
    მორგებული renderMarkdown ფუნქცია თქვენს წყაროს ახალ ხაზებზე ყოფს და მათზე ერთი გავლით გადის, დამთხვევით საკავშირო კოდის ბლოკებთან, სათაურებთან (H1–H6), ციტატებთან, დალაგებულ და დაუალაგებელ სიებთან, GFM ცხრილებთან (სვეტის-გასწორებით), ჰორიზონტალურ ხაზებთან და აბზაცებთან, პრიორიტეტულ თანმიმდევრობაში.
  2. 2
    ხაზშიდა სინტაქსის გაფართოება
    თითოეული შეგროვებული ხაზი ან უჯრედი შემდეგ მუშავდება inlineMarkdown-ით, regex ჩანაცვლებების ჯაჭვით, რომელიც ამუშავებს გამუქებას (** და __), დახრილს (* და _), გამუქებულ-დახრილს (***), გადახაზვას (~~), ხაზშიდა კოდს, სურათებს (![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-ად. ამუშავებს სათაურებს, სიებს, ბმულებს, სურათებს, კოდის ბლოკებს, ცხრილებს და blockquote-ებს. შესანიშნავია CMS-ებიდან კონტენტის გადმოსატანად.

სცადე
🔄

Markdown-დან HTML-ად კონვერტერი

გადაიყვანეთ Markdown სუფთა HTML-ად პირდაპირი გადახედვით. გამოიყენეთ წყაროს ხედი მზა-ჩასასმელი HTML-ის კოპირებისთვის ბლოგებისთვის, CMS-ებისთვის ან ელფოსტის შაბლონებისთვის.

სცადე
📊

Mermaid დიაგრამის რედაქტორი

დაწერეთ ნაკადური სქემები, თანმიმდევრობის დიაგრამები, Gantt სქემები და სხვა Mermaid სინტაქსით პირდაპირი გადახედვით. ექსპორტი SVG ან PNG ფორმატებში. მუშაობს მხოლოდ ბრაუზერში.

სცადე

ხშირად დასმული კითხვები