☰

Editor

Provides HTML editing.

目前为 2017-07-07 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/31226/204775/Editor.js 

  1. /**
  2.  * @Anthony Pizzimenti
  3.  * @desc Class containing useful style manipulation methods.
  4.  * @constructor
  5.  */
  6. function Editor () { }
  7.  
  8. /**
  9.  * @Anthony Pizzimenti
  10.  * @desc Object wrapper for styling functions.
  11.  */
  12. Editor.prototype.style = {};
  13.  
  14. /**
  15.  * @author Anthony Pizzimenti
  16.  * @desc Changes the font style attributes of a given list of DOM nodes.
  17.  *
  18.  * @param {NodeList} context                NodeList of DOM nodes to be modified. Usually consists of rows.
  19.  * @param {string} [family="Comic Sans"]    Desired font families.
  20.  * @param {number} [size=12]                Desired font size.
  21.  * @param {string} [weight=""]              Desired font weight.
  22.  * @returns {undefined}
  23.  *
  24.  * @this Editor
  25.  */
  26. Editor.prototype.style.font = function (context, family, size, weight) {
  27.     var i,
  28.         text;
  29.     
  30.     if (!_paramExist(family, "string")) {
  31.         family = "Comic Sans";
  32.     }
  33.     
  34.     if (!_paramExist(size, "number")) {
  35.         size = 12;
  36.     }
  37.     
  38.     if (!_paramExist(weight, "string")) {
  39.         weight = "";
  40.     }
  41.     
  42.     // modify text properties with defaults
  43.     for (i = 0; i < context.length; i++) {
  44.         text = context[i];
  45.         text.style.fontFamily = family;
  46.         text.style.fontSize = size.toString() + "pt";
  47.         text.style.fontWeight = weight;
  48.     }
  49. };
  50.  
  51. /**
  52.  * @author Anthony Pizzimenti
  53.  * @param {NodeList} subtext    NodeList of DOM nodes to be modified.
  54.  * @param {number} [height=""]  Desired height.
  55.  * @returns {undefined}
  56.  *
  57.  * @this Editor
  58.  */
  59. Editor.prototype.style.height = function (subtext, height) {
  60.     var i;
  61.     
  62.     if (!_paramExist(height, "number")) {
  63.         height = "";
  64.     }
  65.     
  66.     for (i = 0; i < subtext.length; i++) {
  67.         subtext[i].style.height = height.toString() + "px";
  68.     }
  69. };
  70.  
  71. /**
  72.  * @author Anthony Pizzimenti
  73.  * @desc Wrapper object for removeFirst.
  74.  *
  75.  * @this Editor
  76.  */
  77. Editor.prototype.removeFirst = {};
  78.  
  79. /**
  80.  * @author Anthony Pizzimenti
  81.  * @desc Removes first DOM node's parent in class family.
  82.  * @param {NodeList} list       List of DOM nodes.
  83.  * @param {string} classname    Family that contains element to be deleted.
  84.  * @returns {undefined}
  85.  *
  86.  * @this Editor
  87.  */
  88. Editor.prototype.removeFirst.parent = function (list, classname) {
  89.     if (_paramExist(classname, "string")) {
  90.         list.getElementsByClassName(classname)[0].parentNode.remove();
  91.     } else {
  92.         console.error("Invalid class name provided.");
  93.     }
  94. };
  95.  
  96. /**
  97.  * @author Anthony Pizzimenti
  98.  * @desc Removes first DOM node in class family.
  99.  * @param {NodeList} list       List of DOM nodes.
  100.  * @param {string} classname    Family that contains element to be deleted.
  101.  * @returns {undefined}
  102.  *
  103.  * @this Editor
  104.  */
  105. Editor.prototype.removeFirst.byClass = function (list, classname) {
  106.     if (_paramExist(classname, "string")) {
  107.         list.getElementsByClassName(classname)[0].remove();
  108.     } else {
  109.         console.error("Invalid class name provided.");
  110.     }
  111. };
  112.  
  113. /**
  114.  * @author Anthony Pizzimenti
  115.  * @desc Removes first DOM node in tag family.
  116.  * @param {NodeList} list   List of DOM nodes.
  117.  * @param {string} tagname  Family that contains element to be deleted.
  118.  * @returns {undefined}
  119.  *
  120.  * @this Editor
  121.  */
  122. Editor.prototype.removeFirst.byTag = function (list, tagname) {
  123.     if (_paramExist(tagname, "string")) {
  124.         list.getElementsByTagName(tagname)[0].remove();
  125.     } else {
  126.         console.error("Invalid tag name provided.");
  127.     }
  128. };
  129.  
  130. /**
  131.  * @author Anthony Pizzimenti
  132.  * @desc Wrapper object for links.
  133.  */
  134. Editor.prototype.links = {};
  135.  
  136. /**
  137.  * @author Anthony Pizzimenti
  138.  * @desc Changes all relative links to absolute ones.
  139.  * @param {NodeList} list       List of DOM nodes.
  140.  * @param {NodeList} subtext    NodeList of DOM nodes.
  141.  * @param {string} url          Root to join paths with.
  142.  * @returns {undefined}
  143.  *
  144.  * @this Editor
  145.  */
  146. Editor.prototype.links.absolute = function (list, subtext, url) {
  147.     var regpath_hide = /hide\?./,
  148.         regpath = /item\?.|user\?./,
  149.         regurl = /\//,
  150.         link,
  151.         links,
  152.         
  153.         i,
  154.         j;
  155.     
  156.     if (!_paramExist(url, "string")) {
  157.         console.error("URL provided is invalid.");
  158.         return;
  159.     }
  160.     
  161.     for (i = 0; i < subtext.length; i++) {
  162.         links = subtext[i].getElementsByTagName("a");
  163.         
  164.         // check for regex matches on hiding and item links
  165.         for (j = 0; j < links.length; j++) {
  166.             if (regpath_hide.test(links[j].href)) {
  167.                 links[j].remove();
  168.             }
  169.         }
  170.     }
  171.     
  172.     // check for links everywhere else
  173.     links = list.getElementsByTagName("a");
  174.     for (i = 0; i < links.length; i++) {
  175.         link = links[i].href.split(regurl)[3];
  176.         
  177.         if (regpath.test(link)) {
  178.             links[i].href = absurl(url, link);
  179.         }
  180.     }
  181. };
  182.  
  183. /**
  184.  * @author Anthony Pizzimenti
  185.  * @desc Sets all links' targets to be blank so they open on a new page.
  186.  * @param {NodeList} subtext NodeList of DOM nodes containing links.
  187.  * @returns {undefined}
  188.  *
  189.  * @this Editor
  190.  */
  191. Editor.prototype.links.blank = function (subtext) {
  192.     var i;
  193.     
  194.     // set links so they open a new tab
  195.     for (i = 0; i < subtext.length; i++) {
  196.         subtext[i].target = "_blank";
  197.     }
  198. };