Monospacer

Adds a button to make the xkcd forums posting box monospace

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Monospacer
// @version      0.2
// @description  Adds a button to make the xkcd forums posting box monospace
// @author       faubi
// @match        http://forums.xkcd.com/posting.php*
// @match        http://fora.xkcd.com/posting.php*
// @match        http://forums3.xkcd.com/posting.php*
// @match        http://echochamber.me/posting.php*
// @grant        none
// @namespace    FaubiScripts
// ==/UserScript==

var isMonospace = false;

button = document.createElement('input');
button.type = 'button';
button.classList.add('button2');
button.value = 'monospace';
button.title = 'Toggle monospace font';

postform = document.getElementById('postform');
postAction = postform.action;

function toggleMonospace() {
    isMonospace = !isMonospace;
    document.getElementById('message').style['font-family'] = isMonospace ? 'monospace' : '';
    if (isMonospace){
        postform.action = postAction + '&monospace=1';
    } else {
        postform.action = postAction;
    }
}

button.addEventListener('click', toggleMonospace);

if (document.location.search.indexOf('monospace=1') !== -1) {
    toggleMonospace();
}

document.getElementById('format-buttons').appendChild(button);