Add spoiler tag for PSE

Add the "add spoiler" button in the right click menu

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name            Add spoiler tag for PSE
// @description     Add the "add spoiler" button in the right click menu
// @version         1
// @author          Lord of dark
// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @include         http://puzzling.stackexchange.com/*
// @namespace https://greasyfork.org/users/49190
// ==/UserScript==

this.$ = this.jQuery = jQuery.noConflict(true);  // use jquery has no conflict

if (!("contextMenu" in document.documentElement &&
      "HTMLMenuItemElement" in window)) return;

var body = document.body;
body.addEventListener("contextmenu", initMenu, false);

var menu = body.appendChild(document.createElement("menu"));
menu.outerHTML = '<menu id="userscript-spoiler" type="context">\
                    <menuitem label="add spoiler"></menuitem>\
                  </menu>';

document.querySelector("#userscript-spoiler menuitem")
        .addEventListener("click", addspoiler, false);

function initMenu(aEvent) {
  // Executed when user right click on web page body
  // aEvent.target is the element you right click on
  var node = aEvent.target;
  var item = document.querySelector("#userscript-spoiler menuitem");
  if (node.localName == "textarea") {
    body.setAttribute("contextmenu", "userscript-spoiler");
  } else {
    body.removeAttribute("contextmenu");
  }
}

function addspoiler(aEvent) {
   var textareas = document.getElementsByTagName("textarea");
   var nb = textareas.length;
   for (var i=0;i<nb;i++){
	var textarea=textareas[i];
	var len = textarea.value.length;
	var start = textarea.selectionStart;
	var end = textarea.selectionEnd;
	var sel = textarea.value.substring(start, end);
	if (sel.length>0){
		// Select text and edit it
		var spoilered = sel.replace(/^[>! ]*/,">! ");
		spoilered=spoilered.replace(/ *\n[>! ]*/g, "  \n>! ");

 		// Replace the selected text with this one
 		textarea.value =  textarea.value.substring(0,start) + spoilered + textarea.value.substring(end,len);
		
		// trigger event to update the "preview"
		var ev = document.createEvent("KeyboardEvent");
    		ev.initKeyEvent("keypress", true, false, window, 0, 0, 0, 0, 13, 13);
		textarea.dispatchEvent(ev);
		break;
	}
   }
}