מפתחים ומתכנתים השתמשו זה מכבר בעורכי טקסט כדרך העיקרית להזנת קוד מחשב. לסביבות פיתוח מסוימות יש עורכים מובנים משלהם, אך בדרך כלל מפתחים אוהבים עורך אחד ודבקים בתוכנית זו. אחת הסיבות לכך היא שעורך קידוד טוב כולל הדגשת תחביר, תכונה המעצבת קוד מקור ומקצה גופנים וצבעים למילות מפתח ובונה בתוך הקוד כדי להקל על הקריאה בהרבה. עורכי טקסט כמו Notepad ++, המכוסים במדריך זה של Tech Junkie, מועדפים על ידי מפתחים מסיבה זו. מרבית המפתחים אינם רואים ב- Google Docs כעורך קידוד פוטנציאלי, למרות תכונות קבוצת העבודה הנהדרות והאינטגרציה שלה בענן, מכיוון שהוא אינו כולל אפשרויות הדגשת תחביר מובנות.
עם זאת, באפשרותך להוסיף הדגשת תחביר לקוד במסמכי Google Doc. יש, למעשה, לפחות כמה תוספות למסמכים המאפשרים לך לעצב שפות תכנות וסימון שונות בעזרת הדגשת תחביר. ישנם גם יישומי אינטרנט רבים שניתן להשתמש בהם כדי להכניס קוד מקור עם הדגשה ב- Google Docs. אני אראה לך כיצד להוסיף הדגשת תחביר של קוד מקור למסמכי Docs שלך.
פרמט קוד המקור עם קוד יפה
Code Pretty הוא תוסף ל- Google Docs שמוסיף אוטומטית הדגשה לקוד שנבחר. קוד יפה אינו כולל כמות עצומה של הגדרות להתאמה אישית של עיצוב התחביר, אך הוא עדיין מוסיף אפשרות הדגשת תחביר שימושית למסמכים. אתה יכול להוסיף CP למסמכים על ידי לחיצה על כפתור Fr ee בדף אינטרנט זה. לאחר מכן לחץ על הלחצן אפשר כדי לאשר הרשאות לתוסף.
בשלב הבא, פתח את המסמכים בדפדפן שלך; ולחץ על הכרטיסייה תוספות כדי לפתוח את התפריט שלה. תפריט זה יכלול כעת את התוסף Code Pretty. כדי לתת לך דוגמה לאופן שבו תוסף זה מדגיש תחביר, בחר והעתק את קוד JavaScript לדוגמה למטה למסמך Docs על ידי לחיצה על Ctrl + C.
מה יכול לעשות JavaScript?
JavaScript יכול לשנות תכונות HTML.
במקרה זה JavaScript משנה את תכונת ה- src (מקור) של תמונה.
הדבק את מדגם ה- JavaScript במסמכים באמצעות לחיצה על Ctrl + V. ואז בחר את הקוד במעבד התמלילים עם הסמן. לחץ על הרחבות > קוד יפה ובחר באפשרות בחירת הפורמט מתפריט המשנה. זה יתכנן את ה- JavaScript כפי שמוצג בתצלום המצולם ישירות למטה.
כאמור, CP אינו כולל הרבה הגדרות להדגשת התחביר. עם זאת, באפשרותך להתאים את גודל הגופן של הקוד המודגש על ידי לחיצה על תוספות > קוד יפה והגדרות . זה יפתח את סרגל הצד שמופיע ישירות למטה. אז אתה יכול לבחור גודל גופן ברירת מחדל חלופי עבור הקוד המודגש משם.
פרמט קוד המקור בעזרת קוביות קוד
Block Blocks הוא תוסף חלופי למחיר שתוכל להוסיף למסמכים. זהו למעשה תוספת מעט טובה יותר להדגשת התחביר, מכיוון שהיא כוללת מספר נושאי הדגשה. לחץ על כפתור חינם בדף אתר זה כדי להוסיף חסימות קוד למסמכים.
לאחר שהתקנתם בלוקים של קוד, פתחו מסמכים והעתיקו והדביקו את אותו קוד JavaScript לעיל במעבד התמלילים כמו קודם. לחץ על הרחבות > חסימות קוד ובחר התחל לפתיחת סרגל הצד המוצג בצילום היישר למטה.
בחר רק את טקסט ה- JavaScript עם הסמן. הקפד לא לבחור שטח מסמך ריק מעל הקוד או מתחת לו. בחר JavaScript מהתפריט הנפתח הראשון. אז אתה יכול גם לבחור נושא מהתפריט הנפתח נושא . לחץ על כפתור העיצוב כדי להוסיף את הדגשת התחביר לקוד כמוצג להלן. עכשיו טקסט ה- JavaScript הרבה יותר ברור עם תגי הסימון שלו מודגשים.
העתק והדבק קוד מקור מודגש למסמכי Google
מלבד חסימת קוד ומסמכי די יפה של קוד, אתה יכול גם להשתמש ביישומי אינטרנט עם סימון תחביר כדי לעצב את קוד המקור. לאחר מכן תוכלו להעתיק ולהדביק את קוד המקור המודגש מאפליקציית אינטרנט בחזרה למסמך ה- Docs. Textmate היא אפליקציית אינטרנט מדגישת תחביר אחת המתפרסמת במספר שפות תכנות וסימון.
לחץ על היפר קישור זה לפתיחת Textmate. לאחר מכן העתק והדבק את טקסט JavaScript הכלול בפוסט זה בתיבת קוד המקור של Textmate עם מקשי המקשים Ctrl + C ו- Ctrl + V. בחר JavaScript מהתפריט הנפתח שפה. בחר נושא הדגשת תחביר מהתפריט הנפתח נושא. לחץ על כפתור הדגש כדי לקבל תצוגה מקדימה של העיצוב של קוד המקור כפי שמוצג בתמונת המצב היישר למטה.
לאחר מכן בחר ב- JavaScript המודגש בתצוגה מקדימה עם הסמן ולחץ על Ctrl + C. הדבק את הקוד המודגש ב- Google Docs על ידי לחיצה על Ctrl + V. זה יוסיף את קוד המקור של JavaScript המסומן למסמך Docs כמוצג ישירות למטה.
לכן, אינך זקוק לעורך טקסט שולחני כדי להוסיף הדגשת תחביר לתוכנה ולקוד האתר. במקום זאת, תוכלו להדגיש את קוד התחביר במסמכי Docs עם הרחבות קוד יפה וקוד חוסם. לחלופין, העתק והדבק את הקוד שלך אל יישום האינטרנט Textmate וממנו כדי להוסיף קוד מקור עם הדגשה ב- Google Docs.
האם יש דרכים אחרות להוסיף עיצוב תחביר ל- Google Docs? שתף אותנו איתנו למטה!
