כתיבת קוד בוויקי

מתוך גרינפוט ישראל - מדריך ציבורי ללימוד גרינפוט
קפיצה אל: ניווט, חיפוש

הנה דוגמה לקוד Java בוויקי:

קוד Java

  1. void main() {
  2.  
  3.   // we create variable i below
  4.   int i = 5;
  5.  
  6. }


איך כותבים קוד מעוצב בוויקי

הקוד מקבל את העיצוב שלו באמצעות הרחבה של מדיהוויקי שנקראת SyntaxHighligh.

הנה הקוד בדף הזה שהשיג את התוצאה שלמעלה:


<syntaxhighlight lang="java" line>

void main() {
  // we create variable i below 
  int i = 5; 
} 

</syntaxhighlight>


איך משתמשים בזה?

זה יותר פשוט מלהכין סנדוויץ' עם חומוס.

פשוט עוטפים את הקוד בתגית פותחת:

<syntaxhighlight>

וסוגרת:

</syntaxhighlight>

וביניהן כותבים את הקוד.


על-מנת שהתגית תזהה את השפה שבה אנחנו כותבים (ההרחבה הזו מכירה הרבה שפות, לא רק Java) מציינים בתגית הפותחת את שפת התכנות שבה כתוב הקוד שלנו:

<syntaxhighlight lang="java">

ואם רוצים להוסיף לקוד מספרי שורות (זה עוזר אם ישנם הסברים שמפנים לשורות בקוד):

<syntaxhighlight lang="java" line>

(קחו בחשבון שמשתמשים לא-מנוסים עלולים להעתיק את קטע הקוד בשלמותו ולהשתמש בו — כולל את מספרי השורות — ולא להבין מדוע יש להם שגיאות קומפילציה.)

ערבוב של עברית ואנגלית

כאשר כותבים קוד מתערבבות פסקאות בעברית ובאנגלית מה שמקשה קצת על הכתיבה. אבל זה אפשרי. עובדה, הדף הזה מכיל הרבה עברית ואנגלית מעורבבים והוא נראה בסדר.

איך עושים את זה?

כאשר רוצים לכתוב פסקה חדשה באנגלית יורדים שתי שורות. לוחצים על Ctrl+Shift בצד שמאל של המקלדת (לא להיבהל - כל הדף מתיישר לשמאל, זה לא משפיע בפועל על הדף שלך, רק עוזר כעת לכתוב את האנגלית) - עכשיו אפשר בקלות לכתוב אנגלית.

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

<div dir="ltr" align="right">
</div>

או:

<div dir="ltr" align="left">
</div>

בהתאם לצורך ההצמדה של הפיסקה לשמאל או לימין.

מה שחשוב הוא שדאגנו לומר לוויקי שהפיסקה היא מסוג ltr כלומר left-to-right, כי אנחנו כותבים בוויקי בעברית שמותאם כברירת מחדל לפיסקאות בעברית.

המידע הזה עוזר לוויקי לסדר את התווים ה-Bi-Directional בפיסקה, כגון תווי פיסוק וכו', ביישור נכון לשמאל.


עוד על SyntaxHighlighting

עוד על SyntaxHighlighting אפשר לקרוא בדף שמסביר איך להשתמש בכלי זה:

https://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi.