שאלות על התוספים של @yzahn

[GolanArt]

פוסט זה נמחק!

[GolanArt]

@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;
        });
    });
})();

כאן קובעים את המקש?

[yzahn]

@GolanArt כן
עשיתי ctrl+b = מודגש ו-ctrl+i = נטוי, כמקובל.

[GolanArt]

תודה רבה!

[שמואל4]

אפשר לראות פה:
https://keycode.info/ את הקודים של כל מקש

[מוטי מן]

@yzahn אמנם כתבת שאין תמיכה :)
שים לב שבקוד שכתבת להעתק הכל בקוד, הוא לא עובד במקרה שהחלונית קוד נהיית עם פס גלילה.

[yzahn]

@מוטי-מן אמר בשאלות על התוספים של @yzahn:

הוא לא עובד במקרה שהחלונית קוד נהיית עם פס גלילה

מה גורם לך לחשוב כך?
כאן בפורום זה כן עובד. וכן בכל פורום אחר שניסיתי.

[מוטי מן]

@yzahn אתה צודק, משום מה אתמול זה לא עבד לי כאן, עכשיו בדקתי שוב ועובד...

[מישהו12]

@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
}

ניסיתי ו...

מה קרה?

[ישראל חבר]

@מישהו12 אמר בשאלות על התוספים של @yzahn:

מה קרה?

אולי חסר איזשהו תו
תעתיק שוב.

[מישהו12]

@ישראל-חבר אמר בשאלות על התוספים של @yzahn:

@מישהו12 אמר בשאלות על התוספים של @yzahn:

מה קרה?

אולי חסר איזשהו תו
תעתיק שוב.

העתקתי דרך לחצן ההעתקה

[Men770]

@מישהו12 אני טיפלתי אצלך כבר.

[GolanArt]

@Men770 אמר בשאלות על התוספים של @yzahn:

@מישהו12 אני טיפלתי אצלך כבר.

ובשביל שהאשכול הזה יהיה שימושי, מה עשית?

[Men770]

@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]

פוסט זה נמחק!

[אליהו-שטינמן]

פוסט זה נמחק!

[מישהו12]

פוסט זה נמחק!

[ישראל חבר]

@מישהו12 אמר בשאלות על התוספים של @yzahn:

אתה יודע איך להתקין גם תוסף התראות הדפדפן של @aaron ?
a053 (ממתמחים) לא הצליח

א. אשכול זה נועד לעסוק בתוספים של @yzahn התותח.
כל שאלה נוספת בכל עניין נוסף, דרושה פתיחת נושא חדש.
ב. במידה ושואלים, יש לתת פירוט על השאלה.

[ישראל חבר]

https://מקצועות.com/post/28251

@yzahn אתה לא אמיתי!!!
חברים, מה אתם רוצים שהוא יעשה. תאמרו כאן ועכשיו, ותקבלו כאן ועוד דקה.
@yzahn אתה יכול לאולי תכתוב איזה קודצ'יק שידפיס דולרים? האמת שאסתפק גם ביורו...

[מישהו12]

פוסט זה נמחק!