שיתוף | סקריפט לטמפרמונקי ליצירת Markdown במערכת הפניות של נטפרי! V 2.0
-
@לאצי כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown בקלות במערכת הפניות של נטפרי!
️
:@צדיק-וטוב-לו-0 לכאו' כן, כי גם מה שאני מקבל מהם כתוב במרקדאון.
אבל ליתר ביטחון בא נשאל מישהו שמכיר את נטפרי מקרוב. אולי @צדיק-תמים או שמא הרב @magicode בכבודו ובעצמו?אני מקווה שלא הקפצת לו התראה
בכל אופן זה ברור שזה מוצג בMD, לא אמור להיות שום הבדל בין מה שאתה רואה לאחר השליחה לבין מה שהנציג רואה.
ברשימת הפניות מבחוץ העיצוב לא עובד ומוצג כטקסט פשוט.
התמונה לא נפתחת. מה תוכנה?
@ע-ה-דכו-ע כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown בקלות במערכת הפניות של נטפרי!
️:ברשימת הפניות מבחוץ העיצוב לא עובד ומוצג כטקסט פשוט.
נכון. ושם באמת רואים כי הם משתמשים עם מרקדאון ולא עם html למשל.
-
התמונה לא נפתחת. מה תוכנה?
@ע-ה-דכו-ע כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown בקלות במערכת הפניות של נטפרי!
️:ברשימת הפניות מבחוץ העיצוב לא עובד ומוצג כטקסט פשוט.
נכון. ושם באמת רואים כי הם משתמשים עם מרקדאון ולא עם html למשל.
-
תמיד הפריע לי שבמערכת הפניות של נטפרי חסרה האפשרות לעצב את הטקסט בצורה נוחה וקלה – להדגיש מילים חשובות, להוסיף קישורים מוטמעים בתוך מילה , להוסיף צבע - בלחיצת כפתור, או לראות איך ההודעה תיראה לפני השליחה.
אז בעז"ה יצרתי סקריפט ל-Tampermonkey שמוסיף סרגל כלים מלא ומעוצב ישירות לתוך תיבת הכתיבה במערכת הפניות.
מה הסקריפט כולל?
הסרגל משתלב בעיצוב של האתר וכולל את הפיצ'רים הבאים:
- כותרות: תפריט נפתח לבחירת גודל כותרת (H1-H6).
- עיצוב בסיסי: מודגש, נטוי,
קו חוצה, וקו מפריד כזה:
- רשימות וקישורים: יצירת רשימות בולטים והוספת קישורים בקלות.
- בלוק קוד: כפתור להוספת קוד בצורה קריאה.
- יישור טקסט מתקדם: כפתורים ליישור לימין, למרכז, לשמאל, ויישור לשני הצדדים.
- צבעים: בורר צבעים (Color Picker) לשינוי צבע הטקסט.
- תצוגה מקדימה (Preview): כפתור שפותח חלונית צפה ומראה לכם בדיוק איך הפניה תיראה לאחר השליחה, כולל כל העיצובים.
גרסה 2.0
-
תצוגה מקדימה חיה (Live Preview):
במקום ללחוץ על כפתור שיפתח חלונית קופצת, עכשיו התצוגה המקדימה מופיעה אוטומטית ובזמן אמת מעל תיבת הכתיבה. היא מעוצבת בדיוק כמו הודעה שנשלחה במערכת (כולל תמונת הפרופיל והשם שלכם), כך שתוכלו לראות בדיוק איך זה ייראה לפני השליחה. -
שליחה מהירה במקלדת:
לחיצה על Ctrl + Enter תשלח את ההודעה מיד.
התקנה בלחיצה ועדכון אוטומטי:
התקנה
תהנו! אשמח לשמוע הערות או רעיונות לשיפור.
-
@צדיק-וטוב-לו-0 לכאו' כן, כי גם מה שאני מקבל מהם כתוב במרקדאון.
אבל ליתר ביטחון בא נשאל מישהו שמכיר את נטפרי מקרוב. אולי @צדיק-תמים או שמא הרב @magicode בכבודו ובעצמו? -
תמיד הפריע לי שבמערכת הפניות של נטפרי חסרה האפשרות לעצב את הטקסט בצורה נוחה וקלה – להדגיש מילים חשובות, להוסיף קישורים מוטמעים בתוך מילה , להוסיף צבע - בלחיצת כפתור, או לראות איך ההודעה תיראה לפני השליחה.
אז בעז"ה יצרתי סקריפט ל-Tampermonkey שמוסיף סרגל כלים מלא ומעוצב ישירות לתוך תיבת הכתיבה במערכת הפניות.
מה הסקריפט כולל?
הסרגל משתלב בעיצוב של האתר וכולל את הפיצ'רים הבאים:
- כותרות: תפריט נפתח לבחירת גודל כותרת (H1-H6).
- עיצוב בסיסי: מודגש, נטוי,
קו חוצה, וקו מפריד כזה:
- רשימות וקישורים: יצירת רשימות בולטים והוספת קישורים בקלות.
- בלוק קוד: כפתור להוספת קוד בצורה קריאה.
- יישור טקסט מתקדם: כפתורים ליישור לימין, למרכז, לשמאל, ויישור לשני הצדדים.
- צבעים: בורר צבעים (Color Picker) לשינוי צבע הטקסט.
- תצוגה מקדימה (Preview): כפתור שפותח חלונית צפה ומראה לכם בדיוק איך הפניה תיראה לאחר השליחה, כולל כל העיצובים.
גרסה 2.0
-
תצוגה מקדימה חיה (Live Preview):
במקום ללחוץ על כפתור שיפתח חלונית קופצת, עכשיו התצוגה המקדימה מופיעה אוטומטית ובזמן אמת מעל תיבת הכתיבה. היא מעוצבת בדיוק כמו הודעה שנשלחה במערכת (כולל תמונת הפרופיל והשם שלכם), כך שתוכלו לראות בדיוק איך זה ייראה לפני השליחה. -
שליחה מהירה במקלדת:
לחיצה על Ctrl + Enter תשלח את ההודעה מיד.
התקנה בלחיצה ועדכון אוטומטי:
התקנה
תהנו! אשמח לשמוע הערות או רעיונות לשיפור.
@לאצי כתב לי מישהו שמכיר:
"בגדול הם יראו מרקדאון
שים לב שגם הם לפעמים מגיבים לך מרקדאון" -
@MAD כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown בקלות במערכת הפניות של נטפרי!
️:@לאצי אולי תוסיף אופציה להוסיף אימוצ'ים???
אוי לא
משתי סיבות...
א. איזה אימוגים כועסים היית שולח כל הזמן.
ב. הם היו מגיבים לך על כל אימוגי:
לא הצלחנו להבין ממה נובעת התקלה וכו' -
תמיד הפריע לי שבמערכת הפניות של נטפרי חסרה האפשרות לעצב את הטקסט בצורה נוחה וקלה – להדגיש מילים חשובות, להוסיף קישורים מוטמעים בתוך מילה , להוסיף צבע - בלחיצת כפתור, או לראות איך ההודעה תיראה לפני השליחה.
אז בעז"ה יצרתי סקריפט ל-Tampermonkey שמוסיף סרגל כלים מלא ומעוצב ישירות לתוך תיבת הכתיבה במערכת הפניות.
מה הסקריפט כולל?
הסרגל משתלב בעיצוב של האתר וכולל את הפיצ'רים הבאים:
- כותרות: תפריט נפתח לבחירת גודל כותרת (H1-H6).
- עיצוב בסיסי: מודגש, נטוי,
קו חוצה, וקו מפריד כזה:
- רשימות וקישורים: יצירת רשימות בולטים והוספת קישורים בקלות.
- בלוק קוד: כפתור להוספת קוד בצורה קריאה.
- יישור טקסט מתקדם: כפתורים ליישור לימין, למרכז, לשמאל, ויישור לשני הצדדים.
- צבעים: בורר צבעים (Color Picker) לשינוי צבע הטקסט.
- תצוגה מקדימה (Preview): כפתור שפותח חלונית צפה ומראה לכם בדיוק איך הפניה תיראה לאחר השליחה, כולל כל העיצובים.
גרסה 2.0
-
תצוגה מקדימה חיה (Live Preview):
במקום ללחוץ על כפתור שיפתח חלונית קופצת, עכשיו התצוגה המקדימה מופיעה אוטומטית ובזמן אמת מעל תיבת הכתיבה. היא מעוצבת בדיוק כמו הודעה שנשלחה במערכת (כולל תמונת הפרופיל והשם שלכם), כך שתוכלו לראות בדיוק איך זה ייראה לפני השליחה. -
שליחה מהירה במקלדת:
לחיצה על Ctrl + Enter תשלח את ההודעה מיד.
התקנה בלחיצה ועדכון אוטומטי:
התקנה
תהנו! אשמח לשמוע הערות או רעיונות לשיפור.
-
@יאנג-בוי כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown:
רעיון לשיפור - שיפור התצוגה המקדימה לרענון מיידי עם עיצוב מהרעיונות הבאים
@י.-פל. כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown:
מאוד מפריע לי שקונטרול + אנטר לא שולח את ההודעה.
מכיוון שאני מאמין שעוד יהיו שיפורים רבים מאוד, אשמח שתשים בגיטהאב עם עדכון אוטומטי.בוצע V 2.0
מכיוון שלא ניסיתי את האפשרות של Ctrl + Enter (מטעמים מובנים...) אשמח לשמוע אם זה באמת עובד.@MAD כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown:
אולי תוסיף אופציה להוסיף אימוג'ים???
היה במהלך הפיתוח והוסר עקב באגים. ייתכן שיחזור. לא מבטיח.
@מוגן כתב בשיתוף | סקריפט לטמפרמונקי ליצירת Markdown:
ההגדרה של הצבעים לא עובד בפועל!
בתצוגה המקדימה או לאחר השליחה?
 { 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}