Geekhub

geekhub增强插件

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         Geekhub
// @namespace    https://geekhub.com
// @version      1.1.1
// @description  geekhub增强插件
// @author       Leetao
// @match      https://www.geekhub.com/*
// @require      https://cdn.jsdelivr.net/npm/marked/marked.min.js
// @grant GM_xmlhttpRequest
// ==/UserScript==


(function() {
    'use strict';

    // 创建评论的markdown在线预览
    var initComment = function() {
        var divNode = document.createElement('div');
        divNode.setAttribute('id','markdown-preview');
        var comment = document.getElementById("comment-box");
        if(comment != null) {
            comment.parentElement.appendChild(divNode);
        };
        var el = document.getElementById('comment-box');
        if(el != null){
            el.addEventListener('input',function () {
                var value = document.getElementById('comment-box').value;
                console.log(value);
                if(value != null) {
                    document.getElementById('markdown-preview').innerHTML = marked(value);
                }
            });
        }
    }

    // 创建话题 markdown
    var initPost = function() {
        var postDivNode = document.createElement('div');
        postDivNode.setAttribute('id','markdown-preview');
        var post = document.getElementById("post_content");
        if(post != null) {
            post.parentElement.appendChild(postDivNode);
        };
        var e2 = document.getElementById('post_content');
        if(e2 != null){
            e2.addEventListener('input',function () {
                var value = document.getElementById('post_content').value;
                if(value != null) {
                    document.getElementById('markdown-preview').innerHTML = marked(value);
                }
            });
        }
    }

    var initSencondHand = function() {
        var postDivNode = document.createElement('div');
        postDivNode.setAttribute('id','markdown-preview');
        var post = document.getElementById("second_hand_content");
        if(post != null) {
            post.parentElement.appendChild(postDivNode);
        };
        var e2 = document.getElementById('second_hand_content');
        if(e2 != null){
            e2.addEventListener('input',function () {
                var value = document.getElementById('second_hand_content').value;
                if(value != null) {
                    document.getElementById('markdown-preview').innerHTML = marked(value);
                }
            });
        }
    }



    var initMolecule = function() {
        var postDivNode = document.createElement('div');
        postDivNode.setAttribute('id','markdown-preview');
        var post = document.getElementById("molecule_content");
        if(post != null) {
            post.parentElement.appendChild(postDivNode);
        };
        var e2 = document.getElementById('molecule_content');
        if(e2 != null){
            e2.addEventListener('input',function () {
                var value = document.getElementById('molecule_content').value;
                if(value != null) {
                    document.getElementById('markdown-preview').innerHTML = marked(value);
                }
            });
        }
    }

    // service_content


    var initGroupBuy = function() {
        var postDivNode = document.createElement('div');
        postDivNode.setAttribute('id','markdown-preview');
        var post = document.getElementById("group_buy_content");
        if(post != null) {
            post.parentElement.appendChild(postDivNode);
        };
        var e2 = document.getElementById('group_buy_content');
        if(e2 != null){
            e2.addEventListener('input',function () {
                var value = document.getElementById('group_buy_content').value;
                if(value != null) {
                    document.getElementById('markdown-preview').innerHTML = marked(value);
                }
            });
        }
    }

    var initService = function() {
        var postDivNode = document.createElement('div');
        postDivNode.setAttribute('id','markdown-preview');
        var post = document.getElementById("service_content");
        if(post != null) {
            post.parentElement.appendChild(postDivNode);
        };
        var e2 = document.getElementById('service_content');
        if(e2 != null){
            e2.addEventListener('input',function () {
                var value = document.getElementById('service_content').value;
                if(value != null) {
                    document.getElementById('markdown-preview').innerHTML = marked(value);
                }
            });
        }
    }


    var pasteUpload = function(fileList) {
        for(var j = 0; j < fileList.length; j++) {
            var formData = new FormData();
            formData.append('smfile', fileList[j]);
            var response = GM_xmlhttpRequest({
                method: "post",
                url: 'https://sm.ms/api/v2/upload',
                data: formData,
                onload: function(r) {
                    var json = JSON.parse(r.responseText);
                    if (json.success == true){
                        var url = json.data.url;
                        var name = json.data.storename;
                        if(document.getElementById('comment-box') != null) {
                            document.getElementById('comment-box').value += "![alt "+ name +"](" + url + ")";
                        }
                        if(document.getElementById("post_content") != null) {
                            document.getElementById('post_content').value += "![alt "+ name +"](" + url + ")";
                        }
                    } else {
                        alert("上传失败");
                    }
                }
            });
        }

    }

    var initMarkdown = function() {
        initComment();
        initService();
        initGroupBuy();
        initMolecule();
        initSencondHand();
        initPost();

        document.addEventListener('paste', function (event) {
            var items = event.clipboardData && event.clipboardData.items;
            var fileList = [];
            var urlList = [];
            if (items && items.length) {
                // 检索剪切板items
                for (var i = 0; i < items.length; i++) {
                    if (items[i].type.indexOf('image') !== -1) {
                        fileList.push(items[i].getAsFile());
                    }
                }
            }
            // 此时fileList就是剪切板中的图片文件列表
            if(fileList.length !== 0) { // 不为0,则上传到 sm.ms
                pasteUpload(fileList);
            }
        });
    }





    var observer = new MutationObserver(function(doc, observer) {
        if(document.getElementById('markdown-preview') === null) {
            initMarkdown();
        }
    });

    observer.observe(document, {
        characterData: true,
        childList: true,
        attributes: true,
        subtree: true,
        attributeOldValue: true,
        characterDataOldValue: true
    });
})();