Үндсэн агуулга руу очих
LibraTool logoLibraTool

Markdown-г HTML болгох хөрвүүлэгч — үнэгүй

Markdown-г шууд урьдчилан харалттайгаар цэвэр HTML болгон хөрвүүлэх. Блог, CMS эсвэл имэйл загварт зориулж буулгахад бэлэн HTML хуулахын тулд эх кодын харагдацыг ашиглах.

Ачаалагдсаны дараа офлайн ажилладаг
HTML гаралт энд гарна…

Түгээмэл хэрэглээ

  • Markdown-г CMS-т нийтлэхMarkdown тэмдэглэлийг HTML-г зөвхөн хүлээн авдаг CMS-т оруулахын хувьд HTML болгон хөрвүүлэнэ.
  • Имэйлийн HTML агуулга үүсгэхГүйлгээний имэйл болон мэйл лист хүнээр Markdown-г HTML болгон хөрвүүлэнэ.
  • README файлуудыг орон нутагт урьдчилан харахGitHub, GitLab, эсвэл npm-т хэрхэн зохион байгуулагдахыг харахын хувьд README.md-г оруулаарай.
  • Статик сайтуудын хувьд хуудасны агуулга үүсгэхMarkdown биеийн агуулгыг ручаар бүтээсэн статик сайтууд эсвэл нэг удаагийн хуудасуудын HTML болгон хөрвүүлэнэ.
  • Баримтын HTML үүсгэхДотоод Markdown баримтыг програмууд, туслалцааны төвүүд, эсвэл мэдлэгийн баазуудад суулгахын хувьд HTML болгон хөрвүүлэнэ.

Хэрхэн ажилладаг

Хөрвүүлэлт бүхэлдээ таны хөтчид гараар бичсэн Markdown задлагчаар хийгддэг — гуравдагч талын номын сан, серверийн хүсэлт хамааралгүй. Задлагч эх сурвалжийг мөр-мөрөөр гүйж, блок-түвшний дүрэм (толгой хэсэг, жагсаалт, хүснэгт, fenced код) хэрэглэж, дараа нь тод, налуу, холбоос, зураг, inline кодын хувьд хоёр дахь inline regex загварын дамжлага хэрэглэдэг.

  1. 1
    Блокийн бүтэц эхлээд задарна
    Задлагч түүхий Markdown-г мөр мөрөөр уншиж блок-түвшний бүтцийг тодорхойлдог: fenced код блок (сонголт хэлний классын хамт), ATX толгой хэсэг (# -ээс ###### хүртэл), quote, дараалсан, дараалалгүй жагсаалт GFM даалгаврын-жагсаалтын чекбоксыг оролцуулан, багана эгнэлттэй GFM хүснэгт, хэвтээ шугам, зөв нэгтгэгддэг зөөлөн-боолттой үргэлжлэх мөртэй догол мөр.
  2. 2
    Inline загвар блок бүр дотор хэрэглэгддэг
    Блок бүрийн текст HTML-escape хийгдсэний дараа parseInline()-ийн regex гинж inline синтаксыг хувиргадаг: зураг, холбоос (javascript:, data: hrefs-г арилгадаг URL схем цагаан жагсаалттай), **тод**, *налуу*, ~~зурсан~~, inline код — тэр давуу эрхийн дарааллаар.
  3. 3
    Урьдчилан харах сэлгэцтэй амьд HTML гаралт
    HTML мөр товшилт бүрт useMemo-ээр дахин тооцоологддог тул баруун талын самбар шууд шинэчлэгддэг. Сэлгэц түүхий HTML эх харагдацаас хөтчийн өөрийн зурлагын систем ашигласан зурагдсан урьдчилан харах руу шилждэг.
  4. 4
    Баялаг-текст хуулах зэрэг гурван гаралтын сонголт
    Та түүхий HTML тэмдэглэгээг хуулах, DOCTYPE, charset meta tag-тай бүтэн бие даасан .html файл татах, эсвэл 'Баялаг текст хуулах'-г ашиглах боломжтой — энэ нь Clipboard API-ийн ClipboardItem-ээр text/html, text/plain MIME төрлийг хоёуланг нь clipboard руу бичдэг тул форматлагдсан үр дүн нэмэлт алхамгүйгээр шууд Gmail, Google Docs эсвэл Word руу наагддаг.

Холбоотой хэрэгслүүд

Түгээмэл асуултууд