דלג לתוכן הראשי

ממיר 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 כתוב-יד — ללא ספרייה של צד שלישי, ללא בקשת שרת. המפענח עובר על המקור שורה-אחר-שורה, מחיל כללי רמת-בלוק (כותרות, רשימות, טבלאות, קוד גדור) ואז מעבר שני של תבניות ביטוי רגולרי inline עבור מודגש, נטוי, קישורים, תמונות וקוד inline.

  1. 1
    מבנה בלוק מפוענח תחילה
    המפענח קורא את ה-Markdown הגולמי שורה אחר שורה, מזהה מבנים ברמת-בלוק: בלוקי קוד גדורים (עם מחלקת שפה אופציונלית), כותרות ATX (# עד ######), ציטוטי בלוק, רשימות מסודרות ולא-מסודרות כולל תיבות סימון רשימת-משימות GFM, טבלאות GFM עם יישור עמודה, קווים אופקיים, ופסקאות שמחברות נכון שורות המשך גלישה-רכה.
  2. 2
    תבניות inline מוחלות בתוך כל בלוק
    אחרי שהטקסט של כל בלוק בורח ב-HTML, שרשרת ביטוי רגולרי ב-parseInline() ממירה תחביר inline: תמונות וקישורים (עם רשימת-לבן של סכימת כתובת שמסירה קישורי javascript: ו-data:), **מודגש**, *נטוי*, ~~קו-חוצה~~, וקוד inline — בסדר עדיפות זה.
  3. 3
    פלט HTML חי עם מתג תצוגה מקדימה
    מחרוזת ה-HTML מחושבת מחדש דרך useMemo בכל הקשה, כך שהחלונית הימנית מתעדכנת מיד. מתג מחליף בין תצוגת מקור ה-HTML הגולמי לתצוגה מקדימה מוצגת באמצעות מנוע הפריסה של הדפדפן עצמו.
  4. 4
    שלוש אפשרויות פלט כולל העתקת טקסט-עשיר
    אפשר להעתיק את סימון ה-HTML הגולמי, להוריד קובץ .html עצמאי מלא עם DOCTYPE ותגית meta של charset, או להשתמש ב'העתק טקסט עשיר' — שכותב גם את סוגי ה-MIME text/html וגם text/plain ללוח דרך ClipboardItem של Clipboard API, כך שהתוצאה המעוצבת נדבקת ישירות ל-Gmail, Google Docs, או Word ללא צעדים נוספים.

כלים קשורים

שאלות נפוצות