שאלות על התוספים של @yzahn
-
פוסט זה נמחק! -
@yzahn אמר בשיתוף: סקריפטים ותוספים עבור פורומים מבוססי נודביבי (NodeBB):
הוספת קיצורי מקשים למודגש ונטוי
// ==UserScript== // @name NodeBB composer shortcuts // @namespace http://tampermonkey.net/ // @version 0.1 // @description Add some keyboard shortcuts to nodebb composer // @author yossizahn // @match https://tchumim.com/* // @match http://forum.netfree.link/* // @match https://xn--9dbazrsfz.com/* // @grant none // ==/UserScript== (function() { 'use strict'; /* globals $ */ $(window).on('action:composer.loaded', function(e, data) { var composer = $('[data-uuid='+ data.post_uuid +'] .write'); composer.on("keydown", function(event) { if (event.ctrlKey && event.which === 66) { let boldButton = $('[data-uuid='+ data.post_uuid +'] [data-format="bold"]'); boldButton.click(); return false; } else if (event.ctrlKey && event.keyCode === 73) { let italicButton = $('[data-uuid='+ data.post_uuid +'] [data-format="italic"]'); italicButton.click(); return false; } return true; }); }); })();
כאן קובעים את המקש?
-
@GolanArt כן
עשיתי ctrl+b = מודגש ו-ctrl+i = נטוי, כמקובל. -
תודה רבה!
-
אפשר לראות פה:
https://keycode.info/ את הקודים של כל מקש -
@yzahn אמנם כתבת שאין תמיכה :)
שים לב שבקוד שכתבת להעתק הכל בקוד, הוא לא עובד במקרה שהחלונית קוד נהיית עם פס גלילה. -
@מוטי-מן אמר בשאלות על התוספים של @yzahn:
הוא לא עובד במקרה שהחלונית קוד נהיית עם פס גלילה
מה גורם לך לחשוב כך?
כאן בפורום זה כן עובד. וכן בכל פורום אחר שניסיתי. -
@yzahn אתה צודק, משום מה אתמול זה לא עבד לי כאן, עכשיו בדקתי שוב ועובד...
-
@yzahn אמר בשיתוף: סקריפטים ותוספים עבור פורומים מבוססי נודביבי (NodeBB):
לאור הגידול האקספוננציאלי של פורומי נודביבי שצצים לאחרונה כפטריות אחרי הגשם...
אני משתף בזה כמה סקריפטים ותוספים שיש באמתחתי.בעז"ה נוסיף לכאן עוד סקריפטים אם וכאשר יהיו בעז"ה הזדמנויות.
🎉 וכאן אני רוצה להודות ל @GolanArt שעודדני והמריצני בתחילת דרכי בכתיבת סקריפטים ובזכותו סקריפטים אלו באו לעולם.
⚠ אין שום תמיכה
אני שם אותם פה AS IS.
🔴 למען הסדר הטוב, נא לא להגיב כאן אלא באשכול ייעודי לתגובות
וזה יצא ראשונה (זה גם הסקריפט הראשון שכתבתי):
סקריפט תצוגה מקדימה לנושאים
הסקריפט בנוי מ2 חלקים, ה-JS וה-CSS.
אפשר להריץ את ה-JS מתוך סימניה, או על ידי תוסף כמו Tampermonkey או אם אתה מנהל הפורום תוכל להטמיע את הקוד בפורום.
את ה-CSS צריך להוסיף, או על ידי תוסף דוגמת CSS Live Editor ודומיו, או אם אתה בעל האתר תוכל להטמיע אותו באתר.JS
(מותאם ל-Tampermonkey)
// ==UserScript== // @name Nodebb topic preview // @namespace http://tampermonkey.net/ // @version 0.1 // @description Add a preview bubble when hovering over topic titles in Nodebb based forums // @author yossizahn // @match https://tchumim.com/* // @match http://forum.netfree.link/* // @grant none // ==/UserScript== (function() { 'use strict'; function onhover() { /* globals require, $, socket, app */ var self = $(this); if (!self.data('preview-loaded')) { socket.emit('topics.loadMore', { tid: self.data('my-tid'), after: 0, count: 1, direction: 1 }, (e, d) => { self.data('preview-loaded', 1); require('translator').translate(e ? '<span style="color:red;">שגיאה: </span>' + e.message : d.mainPost.content, (d) => { if (app.user.uid === 0) { d = d.replace(/\|\|.*\|\|/g,'<a href="https://mitmachim.top/login">תוכן מוסתר - לצפיה הרשמו או התחברו</a>'); } else { d = d.replace(/\|\|/g,''); } $('#preview-' + self.data('my-tid')).children().html(d.replace(/\|\|/g,'')); }); } ); } $('#preview-' + self.data('my-tid')).stop(true).delay(500).fadeIn(); } function onunhover() { $('#preview-' + $(this).data('my-tid')).stop(true).fadeOut(); } $(window).on('action:topics.loaded', (event, data) => { for (let topic of data.topics) { let topicElem = $('[data-tid="' + topic.tid + '"]'); createPreview(topicElem); } }); function addTopicTools() { let topicelems = $('[component="category/topic"]'); topicelems.each((i, elem) => { createPreview($(elem)); }); } function createPreview(topicElem) { let tid = parseInt(topicElem.attr('data-tid')); if (!$('#preview-' + tid).length) { topicElem.find('.content').append('<div class="post-preview" id="preview-' + tid + '"><div class="wrap-post-preview">טוען...</div></div>'); topicElem.find('.post-preview').hover(function(){$(this).stop(true).fadeIn();},function(){$(this).delay(600).fadeOut();}); topicElem.find('[itemprop="url"]').data('my-tid', tid).hover( onhover, onunhover ); } } $(window).on('action:ajaxify.end', addTopicTools); })();
CSS
.post-preview { position: absolute; background: white; border-radius: 5px; box-shadow: 2px 2px 13px 4px rgba(0,0,0,0.5); right: 100px; padding: 10px 15px; bottom: calc(100% + 10px); z-index: 101; max-height: 200px; display: none; max-width: 400px; } .wrap-post-preview::-webkit-scrollbar { width: 5px; height: 5px; } .wrap-post-preview::-webkit-scrollbar-thumb { background: #666; border-radius: 20px; } .wrap-post-preview::-webkit-scrollbar-track { background: #ddd; border-radius: 20px; } .post-preview p { font-size: 14px } .post-preview p:last-of-type { margin: 0; } .wrap-post-preview { max-height: 160px; overflow: auto; padding: 0 0 0 7px; } .post-preview li { border-bottom: 0; height: max-content !important; outline: none; font-size: 10px; padding: 10px; border: none; box-shadow: none } .post-preview .category-item { outline: none; border: none; box-shadow: none } .post-preview .emoji { width: 23px !important; height: 23px !important } .post-preview img { width: auto !important; height: auto !important; max-width: 300px !important; display: inline !important; border-radius: 0 !important }
ניסיתי ו...
מה קרה?
-
-
@ישראל-חבר אמר בשאלות על התוספים של @yzahn:
@מישהו12 אמר בשאלות על התוספים של @yzahn:
מה קרה?
אולי חסר איזשהו תו
תעתיק שוב.העתקתי דרך לחצן ההעתקה
-
@מישהו12 אני טיפלתי אצלך כבר.
-
@Men770 אמר בשאלות על התוספים של @yzahn:
@מישהו12 אני טיפלתי אצלך כבר.
ובשביל שהאשכול הזה יהיה שימושי, מה עשית?
-
@GolanArt @yzahn מעלה את הסקריפטים בצורה שמתאימה לTampermonkey.
function onhover() { /* globals require, $, socket, app */ var self = $(this); if (!self.data('preview-loaded')) { socket.emit('topics.loadMore', { tid: self.data('my-tid'), after: 0, count: 1, direction: 1 }, (e, d) => { self.data('preview-loaded', 1); require('translator').translate(e ? '<span style="color:red;">שגיאה: </span>' + e.message : d.mainPost.content, (d) => { if (app.user.uid === 0) { d = d.replace(/\|\|.*\|\|/g,'<a href="https://mitmachim.top/login">תוכן מוסתר - לצפיה הרשמו או התחברו</a>'); } else { d = d.replace(/\|\|/g,''); } $('#preview-' + self.data('my-tid')).children().html(d.replace(/\|\|/g,'')); }); } ); } $('#preview-' + self.data('my-tid')).stop(true).delay(500).fadeIn(); } function onunhover() { $('#preview-' + $(this).data('my-tid')).stop(true).fadeOut(); } $(window).on('action:topics.loaded', (event, data) => { for (let topic of data.topics) { let topicElem = $('[data-tid="' + topic.tid + '"]'); createPreview(topicElem); } }); function addTopicTools() { let topicelems = $('[component="category/topic"]'); topicelems.each((i, elem) => { createPreview($(elem)); }); } function createPreview(topicElem) { let tid = parseInt(topicElem.attr('data-tid')); if (!$('#preview-' + tid).length) { topicElem.find('.content').append('<div class="post-preview" id="preview-' + tid + '"><div class="wrap-post-preview">טוען...</div></div>'); topicElem.find('.post-preview').hover(function(){$(this).stop(true).fadeIn();},function(){$(this).delay(600).fadeOut();}); topicElem.find('[itemprop="url"]').data('my-tid', tid).hover( onhover, onunhover ); } } $(window).on('action:ajaxify.end', addTopicTools);
-
פוסט זה נמחק! -
פוסט זה נמחק! -
פוסט זה נמחק! -
@מישהו12 אמר בשאלות על התוספים של @yzahn:
אתה יודע איך להתקין גם תוסף התראות הדפדפן של @aaron ?
a053 (ממתמחים) לא הצליחא. אשכול זה נועד לעסוק בתוספים של @yzahn התותח.
כל שאלה נוספת בכל עניין נוסף, דרושה פתיחת נושא חדש.
ב. במידה ושואלים, יש לתת פירוט על השאלה. -
https://מקצועות.com/post/28251
@yzahn אתה לא אמיתי!!!
חברים, מה אתם רוצים שהוא יעשה. תאמרו כאן ועכשיו, ותקבלו כאן ועוד דקה.
@yzahn אתה יכול לאולי תכתוב איזה קודצ'יק שידפיס דולרים? האמת שאסתפק גם ביורו... -
פוסט זה נמחק!