Markdown რედაქტორი უფასოდ
დაწერეთ და გადახედეთ Markdown-ს რეალურ დროში. მხარს უჭერს სათაურებს, გამუქებას, დახრილ ფონტს, კოდის ბლოკებს, ცხრილებს და სიებს.
Markdown-ის სქემა
გავრცელებული გამოყენება
- დაწერეთ 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ხაზ-ხაზზე ტოკენიზაციამორგებული renderMarkdown ფუნქცია თქვენს წყაროს ახალ ხაზებზე ყოფს და მათზე ერთი გავლით გადის, დამთხვევით საკავშირო კოდის ბლოკებთან, სათაურებთან (H1–H6), ციტატებთან, დალაგებულ და დაუალაგებელ სიებთან, GFM ცხრილებთან (სვეტის-გასწორებით), ჰორიზონტალურ ხაზებთან და აბზაცებთან, პრიორიტეტულ თანმიმდევრობაში.
- 2ხაზშიდა სინტაქსის გაფართოებათითოეული შეგროვებული ხაზი ან უჯრედი შემდეგ მუშავდება inlineMarkdown-ით, regex ჩანაცვლებების ჯაჭვით, რომელიც ამუშავებს გამუქებას (** და __), დახრილს (* და _), გამუქებულ-დახრილს (***), გადახაზვას (~~), ხაზშიდა კოდს, სურათებს () და ბმულებს ([text](url)) — სურათები ბმულებამდე მუშავდება, რომ ! პრეფიქსი არასწორად არ შეიწოვოს.
- 3სანიტიზაცია და დისტანციური-რესურსის დაბლოკვარენდერერის მიერ შექმნილი დაუმუშავებელი HTML გაიცის სანიტიზერზე (sanitize-html), არასაფრთხოებელი ტეგებისა და ატრიბუტების, როგორიცაა <script>, onerror დამმუშავებლები და javascript: hrefs, ამოსაღებად. მეორე გავლა (neutralizeRemote) დისტანციური სურათის src მნიშვნელობებს ადგილმჭერებით ცვლის ნაგულისხმევად, გადახედვის ჩუმად გარე სერვერებთან დაკავშირების თავიდან ასაცილებლად, სანამ ამას თავად არ ჩართავთ.
- 4გამოტანა .md-ად ან დამოუკიდებელ .html-ადMarkdown-ის კოპირება ან ჩამოტვირთვა დაუმუშავებელ საწყის ტექსტს წერს. HTML-ის ჩამოტვირთვა სანიტიზებულ გამომავალს თვითკმარ დოკუმენტში ახვევს, საკუთარი ხაზშიდა სტილის ცხრილით — Tailwind კლასები მხოლოდ საიტის შიგნით მუშაობს, ასე რომ გამოტანა ამის ნაცვლად უბრალო CSS წესებს ალაგებს, ფაილს ნებისმიერ ადგილას წასაკითხად ხდის.
დაკავშირებული ინსტრუმენტები
HTML-დან Markdown-ად კონვერტერი
გადაიყვანეთ HTML სუფთა Markdown-ად. ამუშავებს სათაურებს, სიებს, ბმულებს, სურათებს, კოდის ბლოკებს, ცხრილებს და blockquote-ებს. შესანიშნავია CMS-ებიდან კონტენტის გადმოსატანად.
Markdown-დან HTML-ად კონვერტერი
გადაიყვანეთ Markdown სუფთა HTML-ად პირდაპირი გადახედვით. გამოიყენეთ წყაროს ხედი მზა-ჩასასმელი HTML-ის კოპირებისთვის ბლოგებისთვის, CMS-ებისთვის ან ელფოსტის შაბლონებისთვის.
Mermaid დიაგრამის რედაქტორი
დაწერეთ ნაკადური სქემები, თანმიმდევრობის დიაგრამები, Gantt სქემები და სხვა Mermaid სინტაქსით პირდაპირი გადახედვით. ექსპორტი SVG ან PNG ფორმატებში. მუშაობს მხოლოდ ბრაუზერში.