כיצד להוסיף סגנונות תוכן

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

למרבה הצער, סגנונות ברירת המחדל של Markdown הם בדרך כלל די משעמם. אבל עם ספריית wysiwyg.css, אתה יכול יש מסמך תוסס בתוך זמן קצר.

זה ספריית CSS חינם הופך את כל התוכן הבסיסי שלך TinyMCE או Markdown לתוך מעוצב, קל לקריאה בלוקים של HTML.

אתה לא צריך לדעת HTML מורכבים / CSS להשתמש תוסף זה. בפשטות לעטוף את התוכן שנוצר לתוך div עם הכיתה .wysiwyg, ואתה מוכן.

הקושי האמיתי הוא בניית אפליקציה שתהפוך את התהליך הזה לאוטומטי, או הוספת ספריה זו אל ה- backend עבור לוח ניהול משתמשים.

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

כברירת מחדל, ספריית CSS זו כוללת תמיכה עבור כל תג HTML גדול ניתן להעלות על הדעת. זה כולל את כל הכותרות, רשימות, קישורים, תגים קוד / קוד, דמויות ואפילו תגי למחצה כמו ו . יש רשימה מלאה ב ריפו GitHub אם אתה רוצה לבדוק את זה.

אם אתה מגדיר סגנונות טיפוגרפיים משלך, אלה יכולים אפילו לשכתב את הגדרות ברירת המחדל בגיליון הסגנונות. אז אתה יכול לקבל את כל היתרונות של wysiwyg.css מעורב עם אפשרויות הגופן שלך.

הספרייה לא היתה קלה יותר להתקנה. רק הורד עותק מקומי - - או למשוך אותו ישירות באמצעות להתקין wysiwyg.css

משם, אתה פשוט כלול את קובץ ה- CSS בראש המסמך שלך, ותן לו לפעול. זה רק למקד את התוכן בתוך מיכל עם הכיתה .wysiwyg, אז זה בכיתה צריך לעטוף כל מיכל שאתה רוצה.

הספרייה עדיין קיימת מעודכן למחצה בתדירות גבוהה, אז אתה יכול למצוא עדכונים אחרונים ב ריפו GitHub הראשי. ואם יש לך הצעות או רעיונות עבור עדכונים חדשים אתה מוזמן לשתף עם הבורא ג 'רמי תומאס על דף Twitter שלו @ jgthms.