HTML-г Markdown болгох хөрвүүлэгч — үнэгүй
HTML-г цэвэр Markdown болгон хөрвүүлэх. Гарчиг, жагсаалт, холбоос, зураг, кодын блок, хүснэгт болон ишлэлийг зохицуулдаг. CMS-ээс агуулга шилжүүлэхэд тохиромжтой.
HTML-г зүүн талд буулгах; цэвэр Markdown баруун талд гарна. Markdown нь HTML-ээс энгийн тул стиль, скрипт болон нарийн төвөгтэй хүснэгтүүд хялбаршуулагдах эсвэл орхигдох болно.
Зөвлөмж: веб хуудас, Word эсвэл Google Docs-оос хуулсан баялаг текстийг буулгаж болно - түүний HTML автоматаар авагдана.
Markdown гаралт энд гарна…Түгээмэл хэрэглээ
- Блог содлогийг Markdown-д шилжүүлэхХуучны WordPress, Medium эсвэл бусад CMS нийтлэлийг статик сайтын генераторуудын хувьд Markdown болгон хөрвүүлэнэ.
- Имэйлийн агуулгыг Markdown-д хөрвүүлэхHTML имэйл эсвэл вэб нийтлэлүүдээс текст сугалж, тэмдэглэлийн програмуудын хувьд Markdown болгон хөрвүүлэнэ.
- HTML баримтыг Markdown-д хөрвүүлэхХуучин HTML баримтыг Markdown-ын баримтын системд шилжүүлнэ (Docusaurus, GitBook, MkDocs).
- CMS экспортын цэвэрлэлтCMS-ээс экспортлогдсон эмх цэцээ бус HTML-г версион удирдлагатай Markdown болгон хөрвүүлэнэ.
- LLM асуулгуудын хувьд HTML агуулгыг бэлтгэхHTML агуулгыг ChatGPT, Claude, эсвэл бусад LLM-д ашиглахын хувьд цэвэр Markdown болгон хөрвүүлэнэ.
Хэрхэн ажилладаг
Энэ хөрвүүлэгч гараар бичсэн, хараат бус regex дамжуулалтын эргэн тойронд бүтээгдсэн — ямар ч гуравдагч талын номын сан импортлогддоггүй. Бүх хөрвүүлэлт React useMemo дуудлагаар таны хөтчид явагдаж, та бичих тутамд гаралтыг амьдаар шинэчилдэг.
- 1Буулгах илрүүлэлт баялаг текстийг саатуулдагClipboardEvent гарын авагч хөтөч энгийн текст буулгахаас өмнө clipboard-аас text/html хэлбэрийг уншдаг. Энэ нь вэб хуудас, Google Docs эсвэл Word-ээс шууд буулгах нь эх агуулга эхлээд харах шаардлагагүйгээр түүхий HTML тэмдэглэгээг автоматаар барьдаг гэсэн үг.
- 2Олон-дамжлагын regex дамжуулалт tag-ыг арилгаж, хөрвүүлдэгХөрвүүлэгч regex дамжлагын хатуу дараалалыг ажиллуулдаг: эхлээд <head>, <script>, <style>, HTML тайлбарыг арилгаж, дараа нь дараагийн дамжлага код агуулгыг гэмтээхээс сэргийлж fenced код блокийг null-байт орлуулагчийн ард нуудаг. Дараагийн дамжлагууд толгой хэсэг (h1–h6), quote, зураг, холбоос, тод/налуу/зурсан, дараалсан/дараалалгүй жагсаалт, энгийн GFM хоолойн хүснэгтийг боловсруулдаг — дамжлага бүр тодорхой tag гэр бүлд чиглэсэн.
- 3Entity декодлолт, хоосон зайн нормалчлалБүх tag арилгасны дараа тусгай decodeEntities функц String.fromCodePoint ашиглан нэрлэсэн entity (&, < гэх мэт) болон тоон аравтын, hex тэмдэгтийн лавлагаа (', ')-г шийддэг. Хэлбэр буруу эсвэл мужаас гарсан код цэг алдаа гаргахын оронд Unicode орлуулах тэмдэгтээр солигддог. Ард дагах хоосон зай, нурсан хоосон мөрийн гүйлт, илүүдэл хоосон зай дараа нь нормалчлагддаг.
- 4Хамгаалагдсан код хэсгүүд сэргээгддэгPlaceholder систем (null-байтаар хязгаарлагдсан индекс) арилгалт, декодлолт, хоосон зай нурал бүрэн дуусахад хамгийн сүүлд задарна. Энэ нь код литерал доторх entity дарааллыг хоёр удаа декодлохоос сэргийлдэг — жирийн HTML-ээс-Markdown хөрвүүлэгчдийн түгээмэл давхар-декодын алдаа.
Холбоотой хэрэгслүүд
Markdown-г HTML болгох хөрвүүлэгч
Markdown-г шууд урьдчилан харалттайгаар цэвэр HTML болгон хөрвүүлэх. Блог, CMS эсвэл имэйл загварт зориулж буулгахад бэлэн HTML хуулахын тулд эх кодын харагдацыг ашиглах.
Markdown редактор
Markdown-г бодит цагт бичиж урьдчилан харах. Гарчиг, тод, налуу, кодын блок, хүснэгт, жагсаалтыг дэмждэг.
HTML кодлогч ба задлагч
Тусгай тэмдэгтүүдийг HTML объект болгон кодлох эсвэл объектуудыг энгийн текст болгон задлах. Агшин зуур, хөтчид.