ממיר חינם

סימון ל ממיר HTML

הפוך טקסט Markdown לקוד HTML מוכן לייצור עם תמיכה בתצוגה מקדימה חיה.

אודות כלי זה

Markdown היא שפת סימון קלת משקל שנוצרה על ידי ג'ון גרובר ב-2004 כדי לאפשר לכותבים לייצר HTML מובנה תוך שימוש במוסכמות של טקסט רגיל: תווי גיבוב לכותרות, כוכביות להדגשה, מקפים לרשימות, בלוקים מוזחים לקוד. הפורמט הפך לברירת המחדל עבור קובצי README, תיעוד טכני, טיוטות בלוגים, מחוללי אתרים סטטיים, וכל הקשר שבו הכתיבה צריכה להיות ניתנת לקריאה כטקסט רגיל וכפלט מעובד. המרת Markdown ל-HTML היא שלב העיבוד שהופך את המקור לדף אינטרנט.

ממיר זה משתמש בספרייה המסומנת, המעבד Markdown הנפוץ ביותר ב-JavaScript. Marked תומך ב-CommonMark ו-GitHub Flavored Markdown (GFM), כלומר טבלאות, בלוקי קוד מגודרים, רשימות משימות, קו חוצה וקישור אוטומטי, כולם פועלים כהלכה בנוסף לתכונות Markdown הסטנדרטיות.

הפלט הוא HTML רגיל - תגיות סמנטיות לכותרות, פסקאות, רשימות, קישורים ותמונות, בנוסף ל-class hooks עבור בלוקי קוד שבהם מצפים להם כלי הדגשת תחביר. הפלט מדביק בצורה נקייה בכל CMS, מוטמע במחוללי אתרים סטטיים, או משמש כ-.html עצמאי. לא נוספו CSS או JavaScript; עיצוב התוצאה נשאר להקשר שלך במורד הזרם.

למה להמיר Markdown ל-HTML

Markdown הוא הפורמט שכותבים ומפתחים מעדיפים; HTML הוא הפורמט שדפדפנים מעבדים. רוב מחוללי האתרים הסטטיים ופלטפורמות ה-CMS ממירים את Markdown ל-HTML מאחורי הקלעים, אבל לפעמים אתה צריך את ההמרה כשלב עצמאי - הדבקה ב-CMS שאין לו תמיכה ב-Markdown, יצירת HTML עבור מיילים, הפקת תצוגה מקדימה מהירה או חילוץ הפלט המעובד להמשך עיבוד.

HTML הוא גם הפורמט הקנוני לכל תוכן שיוצג בסופו של דבר בדפדפן. עלוני דוא"ל שנבנו מטיוטות Markdown, דפי תיעוד המוטמעים ביישומי HTML גדולים יותר ופוסטים בבלוג שהודבקו בעורכים שמצפים ל-HTML, כולם נהנים מהמרה נקייה.

כיצד להשתמש

הדבק Markdown, קבל HTML.

  1. הוסף את ה-Markdown שלך: הדבק טקסט Markdown באזור הקלט או שחרר קובץ .md. גם תחביר Markdown סטנדרטי וגם GitHub Flavored Markdown עובדים.
  2. המרה: Marked מנתח את ה-Markdown ל-AST ופולט HTML. אלמנטים מוטבעים סטנדרטיים (הדגשה, חזק, קישורים, קוד, תמונות), רכיבי בלוק (כותרות, פסקאות, רשימות, ציטוטים בלוק) והרחבות GFM (טבלאות, קוד מגודר, רשימות משימות, קישורים אוטומטיים) כולם מעובדים בצורה נכונה.
  3. תצוגה מקדימה: בדוק את ה-HTML שניתנו בחלונית התצוגה המקדימה. אשר בלוקי קוד, טבלאות ואלמנטים מורכבים אחרים מופיעים כצפוי.
  4. העתק או הורד: העתק את ה-HTML ללוח כדי להדביק אותו ב-CMS, או שמור כ-html לשימוש עצמאי. הפלט הוא HTML5 סמנטי ללא סגנונות מוטבעים.

מקרי שימוש נפוצים

פרטים טכניים

Marked משתמש בארכיטקטורה של שני מעברים. ה-lexer מסמל את הקלט לאסימונים ברמת הבלוק (כותרות, פסקאות, רשימות, בלוקי קוד) ואסימונים מוטבעים (הדגשות, קישורים, תמונות). המנתח מעביר את זרם האסימון ופולט HTML, ומחיל ווים של renderer עבור כל סוג אסימון.

הרחבות GitHub Flavored Markdown מופעלות כברירת מחדל: טבלאות (באמצעות תחביר צינורות), בלוקי קוד מגודרים (התאמות משולשות עם רמזי שפה), רשימות משימות (- [ ] ו- [x]), קו חוצה (באמצעות טילדות כפולות), וקישור אוטומטי של כתובת URL. בלוקי קוד פולטים קוד עטוף מראש עם מחלקת שפה אופציונלית להדגשת תחביר במורד הזרם.

חיטוי הפלט נותר לצרכנים במורד הזרם. Marked פולט כל מה שהקלט מייצר, כולל HTML גולמי שמוטמע ב-Markdown. אם אתה מקבל קלט לא מהימן, הפעל את הפלט דרך DOMPurify או חומר ניקוי HTML דומה לפני רינדור בדפדפן.

שיטות עבודה מומלצות

שאלות נפוצות

האם המרת MARKDOWN ל-HTML משנה את התוכן?
התוכן נשמר בצורה מדויקת ככל האפשר. עם זאת, ייתכן שלחלק מהתכונות הספציפיות לפורמט אין מקבילות ישירות, כך שעשויים להתרחש הבדלי עיצוב קלים.
למה משמש פורמט HTML?
HTML (שפת סימון HyperText) משמשת בעיקר עבור דפי אינטרנט ותוכן אינטרנט.
האם יש מגבלות שכדאי להיות מודע להן?
קבצים עד 50MB נתמכים. עיבוד קבצים גדולים מאוד או מורכבים עשוי להימשך זמן רב יותר. כל ההמרה מתרחשת בדפדפן שלך, כך שמהירות העיבוד תלויה במכשיר שלך.
האם המרה זו מאובטחת ופרטית?
כן. כל העיבוד מתרחש באופן מקומי בדפדפן שלך. הנתונים שלך לעולם לא עוזבים את המכשיר שלך - אין העלאת שרת, אין עיבוד ענן, אין איסוף נתונים.
האם אימוג'י נתמכים?
אימוג'י Unicode עוברים ישירות (הקלדת אימוג'י לב מציגה לב בפלט). GitHub בסגנון :emoji: קודי קצר אינם מומרים כברירת מחדל; הוסף הרחבה אם אתה צריך את זה.
האם ה-Markdown שלי מועלה לשרת?
לא. ריצות מסומנות בדפדפן שלך; ההמרה מתרחשת כולה במכשיר שלך.
האם אני יכול להוסיף סגנון מותאם אישית ל-HTML?
כן, לאחר המרה. הפלט הוא HTML סמנטי פשוט; החל את ה-CSS שלך על כותרות סגנון, בלוקי קוד, טבלאות ואלמנטים אחרים.
האם זה תומך בהערות שוליים?
Standard CommonMark אינו מציין תחביר הערת שוליים. חלק מהרחבות Markdown תומכות בתחביר הערת שוליים [^1]; ממיר זה עוקב אחר GFM, שאינו כולל הערות שוליים.