שיתוף | סקריפט לטמפרמונקי ליצירת Markdown במערכת הפניות של נטפרי! V 3.0
-
@לאצי מה ששיכנע אותי זה הוספת הcss המותאם, לא ראיתי את התוסף בפעולה, אבל אם זה נכון אכן כדאי לכתוב ונילה, מה שהוא כותב לגבי ההתנגשות עם אנגולר, לא נראה לי באמת, כי ה-Bundling תכלס הופך את זה לאלמנטים פשוטים, ואם התוסף יכול לשלוט על התוכן, כל מודול כמו tiptap גם יוכלו לשלוט על התוכן בשורה התחתונה בהינתן לו מזהה האלמנט (בדיוק כמו שהתוסף יכול לתפוס את האלמנט).
לגבי תמיכה ב-RTL, הספרייה של tiptap תומך בRTL.למעשה לדעתי כדאי שהתצוגה המקדימה תהיה מתחת לעורך הטקסט ולא מעל, מכיון שכל ירידת שורה תוריד את כל החלונית כלפי מטה, ואז המשתמש לא יודע היכן הוא נמצא, וגם אני סמוך ובטוח שמירכוז הטקסט עם |- לא יעבוד בנטפרי, זה לא קונבנציית MD מוכרת וזה מימוש אישי של מישהו לסוג פורום זה.
-
לאחר בדיקה עלה כי נטפרי משתמשים עם ספריית markdown-it שלא תומכת ביישור ובצבעים.
יתוקן בגרסה הבאה בע"ה, וכן התצוגה המקדימה תסודר כהצעת @אלישי בעז"ה. (תשוח"ח)עריכה: עודכן. נוספה גם תמיכה ב ctrl+z.
@לאצי כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown במערכת הפניות של נטפרי! V 2.0:
לאחר בדיקה עלה כי נטפרי משתמשים עם ספריית markdown-it שלא תומכת ביישור ובצבעים.
יתוקן בגרסה הבאה בע"ה, וכן התצוגה המקדימה תסודר כהצעת @אלישי בעז"ה. (תשוח"ח)עריכה: עודכן. נוספה גם תמיכה ב ctrl+z.
יש תמונות מסך?
נהנת? נעזרת? שמחתי לעזור
-
@לאצי כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown במערכת הפניות של נטפרי! V 2.0:
לאחר בדיקה עלה כי נטפרי משתמשים עם ספריית markdown-it שלא תומכת ביישור ובצבעים.
יתוקן בגרסה הבאה בע"ה, וכן התצוגה המקדימה תסודר כהצעת @אלישי בעז"ה. (תשוח"ח)עריכה: עודכן. נוספה גם תמיכה ב ctrl+z.
יש תמונות מסך?
@עניו-כמשה מה פירוש?
-
@עניו-כמשה מה פירוש?
-
@לאצי ככה”נ @עניו-כמשה רוצה לראות איך נראה
-
תמיד הפריע לי שבמערכת הפניות של נטפרי חסרה האפשרות לעצב את הטקסט בצורה נוחה וקלה – להדגיש מילים חשובות, להוסיף קישורים מוטמעים בתוך מילה , להוסיף צבע - בלחיצת כפתור, או לראות איך ההודעה תיראה לפני השליחה.
אז בעז"ה יצרתי סקריפט ל-Tampermonkey שמוסיף סרגל כלים מלא ומעוצב ישירות לתוך תיבת הכתיבה במערכת הפניות.
מה הסקריפט כולל?
הסרגל משתלב בעיצוב של האתר וכולל את הפיצ'רים הבאים:
- כותרות: תפריט נפתח לבחירת גודל כותרת (H1-H6).
- עיצוב בסיסי: מודגש, נטוי,
קו חוצה, וקו מפריד כזה:
- רשימות וקישורים: יצירת רשימות בולטים והוספת קישורים בקלות.
- בלוק קוד: כפתור להוספת קוד בצורה קריאה.
- תצוגה מקדימה (Preview): תצוגה מקדימה שמראה לכם בדיוק איך הפניה תיראה לאחר השליחה, כולל כל העיצובים.
ועוד ועוד...
גרסה 3.0
- מנוע תצוגה מקדימה מדויק: התצוגה המקדימה שוכתבה כדי לחקות בדיוק את מה שהנציג יראה (כולל חסימת HTML והצגת טבלאות).
תמיכה בטבלאות (חדש!):
- נוסף כפתור טבלה בסרגל הכלים שיוצר תבנית מוכנה לעריכה.
- התצוגה המקדימה יודעת כעת להציג טבלאות בצורה מעוצבת וברורה (כולל גבולות ורקע לכותרות).
. שיפורי כפתורים ועריכה:
- קישורים חכמים: בלחיצה על כפתור קישור, הסקריפט כעת מסמן אוטומטית את החלק של ה-
(כתובת קישור)כדי שתוכלו פשוט לעשות "הדבק" (Paste) לכתובת ה-URL מבלי למחוק ידנית. - כפתור תמונה: נוסף כפתור ייעודי להוספת תמונות מכתובת URL.
- כפתור ציטוט: נוסף כפתור לציטוט טקסט (חיוני למענה לפניות).
. תיקונים טכניים:
- שליחה עם Ctrl+Enter: תוקן הבאג שבו הקיצור לא עבד בעמוד "פתיחת פניה חדשה". כעת זה עובד בכל המצבים.
- הגנה על קוד: שיפור במנוע המרקדאון שמונע שיבוש של טקסט בתוך בלוקים של קוד (
code blocks).
התקנה
צילו"מ בספוילר
תהנו! אשמח לשמוע הערות או רעיונות לשיפור.
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}