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

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

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

მუშაობს ოფლაინ ჩატვირთვის შემდეგ
HTML გამოჩნდება აქ…

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

  • Markdown-ის გამოქვეყნება CMS-შიგადააკეთეთ Markdown ჩანაწერები HTML-ში და აკრეფეთ CMS-ში, რომელიც მხოლოდ HTML-ს მიიღებს.
  • HTML ელ-ფოსტის კონტენტის შენებაგადააკეთეთ Markdown HTML-ში ტრანზაქციული ელ-ფოსტებისთვის და ბიულეტენებისთვის.
  • README ფაილების ადგილობრივი გადახედვადააკერეთ README.md, რათა ნახოთ, როგორ გამოჩნდება ის GitHub, GitLab ან npm-ში.
  • გვერდის კონტენტის გენერირება სტატიკული საიტებისთვისგადააკეთეთ Markdown სხეულის კონტენტი HTML-ში ხელით აგებული სტატიკული საიტებით ან ცალკეული გვერდებით.
  • დოკუმენტაციის HTML-ის შენებაგადააკეთეთ შიდა Markdown დოკუმენტაცია HTML-ში აპლიკაციებში, დახმარების ცენტრებში ან ცოდნის ბაზებში ჩასვამისთვის.

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

გარდაქმნა მთლიანად თქვენს ბრაუზერში ხდება ხელით დაწერილი Markdown პარსერით — მესამე-მხარის ბიბლიოთეკის, სერვერის მოთხოვნის გარეშე. პარსერი წყაროზე ხაზ-ხაზზე გადის, ბლოკ-დონის წესების (სათაურები, სიები, ცხრილები, საკავშირო კოდი) გამოყენებით, შემდეგ ხაზშიდა regex ნიმუშების მეორე გავლით, გამუქებისთვის, დახრილისთვის, ბმულებისთვის, სურათებისთვის და ხაზშიდა კოდისთვის.

  1. 1
    ბლოკის სტრუქტურა ჯერ დამუშავებულია
    პარსერი დაუმუშავებელ Markdown-ს ხაზ-ხაზზე კითხულობს, ბლოკ-დონის კონსტრუქციების ამოცნობით: საკავშირო კოდის ბლოკები (არასავალდებულო ენის კლასით), ATX სათაურები (# ##### -მდე), ციტატები, დალაგებული და დაუალაგებელი სიები, GFM საკავშირო-სიის ჩექბოქსების ჩათვლით, GFM ცხრილები სვეტის-გასწორებით, ჰორიზონტალური ხაზები, და აბზაცები, რომლებიც სწორად აერთიანებს რბილად-გადატანილ გაგრძელების ხაზებს.
  2. 2
    ხაზშიდა ნიმუშები გამოყენებულია თითოეული ბლოკის შიგნით
    თითოეული ბლოკის ტექსტის HTML-ესქეიპირების შემდეგ, parseInline()-ის regex ჯაჭვი გარდაქმნის ხაზშიდა სინტაქსს: სურათებსა და ბმულებს (URL-სქემის თეთრი-სიით, რომელიც შლის javascript: და data: hrefs), **გამუქებას**, *დახრილს*, ~~გადახაზვას~~ და ხაზშიდა კოდს — ამ პრიორიტეტული თანმიმდევრობით.
  3. 3
    ცოცხალი HTML გამომავალი, გადახედვის გადამრთველით
    HTML სტრიქონი ხელახლა ითვლება useMemo-ს მეშვეობით ყოველ დაჭერაზე, ასე რომ მარჯვენა პანელი მყისვე განახლდება. გადამრთველი ცვლის დაუმუშავებელ HTML წყაროს ხედსა და დარენდერებულ გადახედვას შორის, ბრაუზერის საკუთარი განლაგების ძრავის გამოყენებით.
  4. 4
    სამი გამომავალის ვარიანტი, მდიდარი-ტექსტის კოპირების ჩათვლით
    შესაძლებელია დაუმუშავებელი HTML მარკირების კოპირება, სრული, დამოუკიდებელი .html ფაილის ჩამოტვირთვა, DOCTYPE-ითა და charset მეტა-ტეგით, ან „მდიდარი ტექსტის კოპირების“ გამოყენება — რომელიც ორივე, text/html-ს და text/plain MIME ტიპებს ბუფერში წერს Clipboard API-ის ClipboardItem-ის მეშვეობით, ასე რომ ფორმატირებული შედეგი პირდაპირ ჩაისმის Gmail-ში, Google Docs-ში ან Word-ში, დამატებითი ნაბიჯების გარეშე.

დაკავშირებული ინსტრუმენტები

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