PrintMoqups

Make Moqups project printable. Free!

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         PrintMoqups
// @version      0.5
// @author       FireAwayH
// @namespace FireAwayH
// @match        https://app.moqups.com/*
// @grant        none
// @description Make Moqups project printable. Free!
// @run-at       document-end
// ==/UserScript==
/* jshint -W097 */
'use strict';

var init = function(){
    var menu = document.getElementById("account-menu");
    var printIt = document.createElement("a");
    menu.appendChild(printIt);
    printIt.outerHTML = '<a href="#" class="upgrade-btn mq-btn" onclick="printIt();">print it</a>';
    var insertScript = document.createElement("script");
    insertScript.id = "printIt";
    insertScript.innerHTML = 
"var needPrint = $('.canvas-svg:eq(0)').find('svg:eq(0)')[0];\
 var insertStyle = $('link[rel=stylesheet]')[0];\
 var title = document.createElement('title');\
 var printIt = function(){\
   if(!needPrint){\
       needPrint = $('.canvas-svg:eq(0)').find('svg:eq(0)')[0];\
   }\
   var newWindow = window.open();\
   var titleText = $('title').html();\
   title.innerHTML = titleText;\
   newWindow.document.head.appendChild(insertStyle);\
   newWindow.document.head.appendChild(title);\
   newWindow.document.body.innerHTML = needPrint.outerHTML;\
   newWindow.document.body.setAttribute('style','overflow:scroll');\
 }\
";


    document.body.appendChild(insertScript);
}
init();