☰

Syntax-Highlight-Style

Adds extra code highlighting frormating options ot syntaxhighlight.in

  1. // ==UserScript==
  2. // @name            Syntax-Highlight-Style
  3. // @namespace       https://github.com/Amourspirit/Syntax-Highlight-Style
  4. // @version         1.1.2
  5. // @description     Adds extra code highlighting frormating options ot syntaxhighlight.in
  6. // @author          Paul Moss
  7. // @match           http://syntaxhighlight.in/
  8. // @license         MIT
  9. // @homepageURL     http://amourspirit.github.io/Syntax-Highlight-Style/
  10. // @update          https://github.com/Amourspirit/Syntax-Highlight-Style/raw/master/syntax-highlight-style.user.js
  11. // @contributionURL http://amourspirit.github.io/Syntax-Highlight-Style/#donate
  12. // @grant           none
  13. // ==/UserScript==
  14. /* jshint -W097 */
  15. 'use strict';
  16. // #nsregion BIGBYTE
  17. var BIGBYTE = BIGBYTE || {};
  18. if (typeof(BIGBYTE.createNS) == 'undefined') {
  19.     BIGBYTE.createNS = function(namespace) {
  20.         var nsparts = namespace.split(".");
  21.         var parent = BIGBYTE;
  22.  
  23.         // we want to be able to include or exclude the root namespace so we strip
  24.         // it if it's in the namespace))
  25.         if (nsparts[0] === "BIGBYTE") {
  26.             nsparts = nsparts.slice(1);
  27.         }
  28.  
  29.         // loop through the parts and create a nested namespace if necessary
  30.         for (var i = 0; i < nsparts.length; i++) {
  31.             var partname = nsparts[i];
  32.             // check if the current parent already has the namespace declared
  33.             // if it isn't, then create it
  34.             if (typeof parent[partname] === "undefined") {
  35.                 parent[partname] = {};
  36.             }
  37.             // get a reference to the deepest element in the hierarchy so far
  38.             parent = parent[partname];
  39.         }
  40.         // the parent is now constructed with empty namespaces and can be used.
  41.         // we return the outermost namespace
  42.         return parent;
  43.     };
  44. }
  45. if (typeof(BIGBYTE.isjquery) == 'undefined') {
  46.     BIGBYTE.isjquery = function(data) {
  47.         // If data is already a jQuery object
  48.         if (data instanceof jQuery) {
  49.             // Do nothing different
  50.             data = data;
  51.             // Otherwise            
  52.         } else {
  53.             // Convert to jQuery object
  54.             data = jQuery(data);
  55.         }
  56.         // Return jQuery object     
  57.         return data;
  58.     };
  59. }
  60.  
  61. // #endnsregion BIGBYTE
  62. // #nsregion BIGBYTE.USERSCRIPT.DOCUMENT
  63.  
  64. var bbDoc = BIGBYTE.createNS("BIGBYTE.USERSCRIPT.DOCUMENT");
  65. bbDoc.ns = 'BIGBYTE.USERSCRIPT.DOCUMENT';
  66. // #region LoadScripts
  67. if (typeof(bbDoc.loadScript) == 'undefined') {
  68.     bbDoc.loadScript = function(scriptItm) {
  69.         var lib = this;
  70.         if (typeof(scriptItm.count) == 'undefined') {
  71.             scriptItm.count = 0;
  72.         }
  73.         if (typeof(scriptItm.loaded) == 'undefined') {
  74.             scriptItm.loaded = false;
  75.         }
  76.         if (typeof(scriptItm.text) == 'undefined') {
  77.             scriptItm.text = ''; // timeout in seconds
  78.         }
  79.         if (typeof(scriptItm.timeout) == 'undefined') {
  80.             scriptItm.timeout = 30; // timeout in seconds
  81.         }
  82.  
  83.         var bbScriptLoadedEvent = new CustomEvent(
  84.             "bbScriptLoaded", {
  85.                 detail: {
  86.                     message: "Script Loaded",
  87.                     time: new Date(),
  88.                     scriptItm: scriptItm
  89.                 },
  90.                 bubbles: true,
  91.                 cancelable: false
  92.             }
  93.         );
  94.  
  95.         switch (scriptItm.type) {
  96.             case 'linkedjs':
  97.                 var skipTest = false;
  98.                 if (typeof(scriptItm.testMethod) == 'undefined' || (scriptItm.testMethod.length == 0)) {
  99.                     skipTest = true;
  100.                 }
  101.                 if (skipTest) {
  102.                     // there is no test for this item so we will and assume
  103.                     // all is fine/
  104.                     scriptItm.loaded = true;
  105.                     lib.addJS_Node(scriptItm.text, scriptItm.src);
  106.                     // trigger event for loaded
  107.  
  108.                     //jQuery(document).trigger("bbScriptLoaded", scriptItm);
  109.                     document.dispatchEvent(bbScriptLoadedEvent);
  110.                     return;
  111.                 }
  112.                 scriptItm.count++;
  113.                 var maxCount = scriptItm.timeout * 10; // multply by 10 to convert into 10th of seconds
  114.  
  115.                 if (scriptItm.count > maxCount) {
  116.                     console.error('unable to load script, Aborting: ', scriptItm.src);
  117.                     return;
  118.                 }
  119.                 var testmethod;
  120.                 try {
  121.                     testmethod = eval(scriptItm.testMethod);
  122.                 } catch (e) {
  123.                     testmethod = undefined;
  124.                 }
  125.                 if (typeof(testmethod) == 'undefined') {
  126.                     if (!scriptItm.loaded) {
  127.                         scriptItm.loaded = true;
  128.                         lib.addJS_Node(scriptItm.text, scriptItm.src);
  129.                     }
  130.                     setTimeout(function() {
  131.                         lib.loadScript(scriptItm);
  132.                     }, 100);
  133.                 } else {
  134.                     // script item is loaded trigger an evert
  135.                     //jQuery(document).trigger("bbScriptLoaded", scriptItm);
  136.                     document.dispatchEvent(bbScriptLoadedEvent);
  137.                 }
  138.                 break;
  139.             case 'css':
  140.                 if (typeof(scriptItm.tag) == 'undefined') {
  141.                     scriptItm.tag = 'body'; // timeout in seconds
  142.                 }
  143.                 lib.addCss_Node(scriptItm.src, scriptItm.tag);
  144.                 //jQuery(document).trigger("bbScriptLoaded", scriptItm);
  145.                 document.dispatchEvent(bbScriptLoadedEvent);
  146.                 break;
  147.             case 'csslink':
  148.                 lib.addLink_Node(scriptItm.src);
  149.                 //jQuery(document).trigger("bbScriptLoaded", scriptItm);
  150.                 document.dispatchEvent(bbScriptLoadedEvent);
  151.                 break;
  152.             default:
  153.                 // statements_def
  154.                 break;
  155.         }
  156.  
  157.  
  158.     }
  159. }
  160.  
  161. // #endregion LoadScripts
  162. // #region BIGBYTE.USERSCRIPT.DOCUMENT Methods
  163. // gneric document related
  164. if (typeof(bbDoc.addJS_Node) == 'undefined') {
  165.     bbDoc.addJS_Node = function(text, s_URL, funcToRun, runOnLoad) {
  166.         var D = document;
  167.         var scriptNode = D.createElement('script');
  168.         if (runOnLoad) {
  169.             scriptNode.addEventListener("load", runOnLoad, false);
  170.         }
  171.         scriptNode.type = "text/javascript";
  172.         if (text) scriptNode.textContent = text;
  173.         if (s_URL) scriptNode.src = s_URL;
  174.         if (funcToRun) scriptNode.textContent = '(' + funcToRun.toString() + ')()';
  175.  
  176.         var targ = D.getElementsByTagName('head')[0] || D.body || D.documentElement;
  177.         targ.appendChild(scriptNode);
  178.     };
  179. }
  180. if (typeof(bbDoc.addJS_NodeToBody) == 'undefined') {
  181.     bbDoc.addJS_NodeToBody = function(text, s_URL, funcToRun, runOnLoad) {
  182.         var D = document;
  183.         var scriptNode = D.createElement('script');
  184.         if (runOnLoad) {
  185.             scriptNode.addEventListener("load", runOnLoad, false);
  186.         }
  187.         scriptNode.type = "text/javascript";
  188.         if (text) scriptNode.textContent = text;
  189.         if (s_URL) scriptNode.src = s_URL;
  190.         if (funcToRun) scriptNode.textContent = '(' + funcToRun.toString() + ')()';
  191.  
  192.         var targ = D.getElementsByTagName('body')[0] || D.body || D.documentElement;
  193.         targ.appendChild(scriptNode);
  194.     };
  195. }
  196. if (typeof(bbDoc.addCss_Node) == 'undefined') {
  197.     bbDoc.addCss_Node = function(text, element) {
  198.         element = typeof element !== 'undefined' ? element : 'head';
  199.         var D = document;
  200.         var scriptNode = D.createElement('style');
  201.         scriptNode.type = "text/css";
  202.         if (text) scriptNode.textContent = text;
  203.  
  204.         var targ = D.getElementsByTagName(element)[0] || D.body || D.documentElement;
  205.         targ.appendChild(scriptNode);
  206.     };
  207. }
  208. if (typeof(bbDoc.addLink_Node) == 'undefined') {
  209.     bbDoc.addLink_Node = function(href, type, rel) {
  210.         type = typeof type !== 'undefined' ? type : "text/css";
  211.         rel = typeof rel !== 'undefined' ? rel : "stylesheet";
  212.         var D = document;
  213.         var scriptNode = D.createElement('link');
  214.         scriptNode.type = type;
  215.         scriptNode.href = href;
  216.         if (rel) scriptNode.rel = rel;
  217.  
  218.         var targ = D.getElementsByTagName('head')[0] || D.body || D.documentElement;
  219.         targ.appendChild(scriptNode);
  220.     };
  221. }
  222.  
  223. if (typeof(bbDoc.addHtml_Node) == 'undefined') {
  224.     bbDoc.addHtml_Node = function(html) {
  225.         var D = document;
  226.         var targ = D.getElementsByTagName('body')[0] || D.body || D.documentElement;
  227.         targ.insertAdjacentHTML('beforeend', html);
  228.     };
  229. }
  230. // #endregion BIGBYTE.USERSCRIPT.DOCUMENT Methods
  231.  
  232. // #endnsregion BIGBYTE.USERSCRIPT.DOCUMENT"
  233.  
  234. // #nsregion BIGBYTE.USERSCRIPT.UTIL
  235. var bbusu = BIGBYTE.createNS("BIGBYTE.USERSCRIPT.UTIL");
  236. bbusu.ns = 'BIGBYTE.USERSCRIPT.UTIL';
  237. // #region Methods
  238. if(typeof(bbusu.extend) == 'undefined') {
  239.     /**
  240.      * Extends an object to contain new Properties
  241.      * @return {[Object]} the new merged oject
  242.      */
  243.     bbusu.extend = function () {
  244.         for (var i = 1; i < arguments.length; i++)
  245.             for (var key in arguments[i])
  246.                 if (arguments[i].hasOwnProperty(key))
  247.                     arguments[0][key] = arguments[i][key];
  248.         return arguments[0];
  249.     };
  250. }
  251.  
  252. // #endregion Methods
  253. // #endnsregion BIGBYTE.USERSCRIPT.UTIL
  254.  
  255. // #nsregion BIGBYTE.USERSCRIPT.CLIPBOARD
  256. // #region Create NS
  257. var bbClip = BIGBYTE.createNS("BIGBYTE.USERSCRIPT.CLIPBOARD");
  258. bbClip.ns = 'BIGBYTE.USERSCRIPT.CLIPBOARD';
  259. // #endregion Create NS
  260. // #region Properties
  261. bbClip.scriptOutputted = false;
  262. // #endregion Properties
  263. // #endnsregion BIGBYTE.USERSCRIPT.CLIPBOARD
  264.  
  265. // #nsregion BIGBYTE.STRING
  266. // #region Create NS
  267. var bbString = BIGBYTE.createNS("BIGBYTE.STRING");
  268. bbString.ns = 'BIGBYTE.STRING';
  269. // #endregion Create NS
  270. // #region Init
  271. if (typeof(bbString.pad) == 'undefined') {
  272.     bbString.pad = function pad(str, max, padChar) {
  273.         padChar = padChar || '0';
  274.         str = str.toString();
  275.         return str.length < max ? this.pad(padChar + str, max, padChar) : str;
  276.     }
  277. }
  278. // #endregion Init
  279. // #endnsregion BIGBYTE.STRING
  280.  
  281. // #nsregion BIGBYTE.USERSCRIPT.STHL
  282. // #region Create NS
  283. var sthl = BIGBYTE.createNS("BIGBYTE.USERSCRIPT.STHL");
  284. sthl.ns = 'BIGBYTE.USERSCRIPT.STHL';
  285. // #endregion Create ns
  286. // #region Button methods
  287.  
  288. /**
  289.  * Toggles Buttons enabled or disabled
  290.  * @param  {[boolean]} enabled If true buttons will be enable; Otherwise disabled
  291.  */
  292. sthl.toggleButtons = function(enabled, forceRedraw) {
  293.     enabled = (typeof(enabled) == 'undefined') ? false : enabled;
  294.     forceRedraw = (typeof(forceRedraw) == 'undefined') ? false : forceRedraw;
  295.     var $ = jQuery;
  296.     if (enabled) {
  297.         $('#gmconvert').attr("disabled", false);
  298.         $('#gmcopy').attr("disabled", false);
  299.         $('#gmcopytbl').attr("disabled", false);
  300.         $('#gmtable').attr("disabled", false);
  301.     } else {
  302.         $('#gmconvert').attr("disabled", 'disabled');
  303.         $('#gmcopy').attr("disabled", 'disabled');
  304.         $('#gmcopytbl').attr("disabled", 'disabled');
  305.         $('#gmtable').attr("disabled", 'disabled');
  306.     }
  307.     if (forceRedraw) {
  308.         $('#gmconvert').hide().show(0);
  309.         $('#gmcopy').hide().show(0);
  310.         $('#gmcopytbl').hide().show(0);
  311.         $('#gmtable').hide().show(0);
  312.     }
  313. };
  314.  
  315. sthl.getConvertedList = function() {
  316.     var $ = jQuery;
  317.     var $sourceCode = $('pre.snippet-formatted.sh_sourceCode');
  318.     $sourceCode.makeCssInlineCode(false);
  319.     var contentHtml = '';
  320.     if ($sourceCode.length) {
  321.         var $wrapper = $('<div />');
  322.         $wrapper.assignStyleFrom($sourceCode).css({
  323.             width: 'auto',
  324.             height: 'auto',
  325.             animation: '',
  326.             clip: '',
  327.             direction: '',
  328.             fill: '',
  329.             filter: '',
  330.             flex: '',
  331.             isolation: '',
  332.             orphans: '',
  333.             position: '',
  334.             r: '',
  335.             resize: '',
  336.             rx: '',
  337.             ry: '',
  338.             speak: '',
  339.             stroke: '',
  340.             top: '',
  341.             transform: '',
  342.             transition: '',
  343.             visibility: '',
  344.             widows: '',
  345.             x: '',
  346.             y: '',
  347.             zoom: '',
  348.             //background: '',
  349.             opacity: '',
  350.             order: '',
  351.             clear: '',
  352.             cx: '',
  353.             cy: '',
  354.             float: '',
  355.             mask: '',
  356.             motion: ''
  357.         });
  358.         // $sourceCode.removeAttrib('class', true);
  359.         $sourceCode.wrapInner($wrapper);
  360.         contentHtml = $sourceCode.spaceReplace(true)[0].outerHTML;
  361.     }
  362.     return contentHtml;
  363. };
  364.  
  365. sthl.getConvertedTable = function() {
  366.     var $ = jQuery;
  367.  
  368.     var $sourceCode = $('pre.snippet-formatted.sh_sourceCode');
  369.  
  370.     $sourceCode.find('li').each(function(index, li) {
  371.         // convert li spaces to \u00a0
  372.         $(li).spaceReplace(false); // do not recurse
  373.     });
  374.  
  375.     $sourceCode.makeCssInlineCode(true); // generates for html Table
  376.     var contentHtml = '';
  377.     if ($sourceCode.length) {
  378.         contentHtml = this.toTable($sourceCode)[0].outerHTML;
  379.     }
  380.     return contentHtml;
  381. };
  382.  
  383.  
  384. /*
  385.  * Button click to convert ordered list of the code output to inline styled ordered list
  386.  */
  387. sthl.convertClick = function(btn) {
  388.  
  389.     var $ = jQuery;
  390.     var lib = BIGBYTE.USERSCRIPT.STHL;
  391.     lib.toggleButtons(false, true);
  392.     $.event.trigger({
  393.         type: 'codeConversionStart',
  394.         message: 'convert_list_start',
  395.         time: new Date(),
  396.         source: 'convertClick'
  397.     });
  398.     this.windowScrollPos = $('body').scrollTop();
  399.     $('html, body').animate({
  400.         scrollTop: 0
  401.     }, 'slow');
  402.     $(document).disableScroll('html, body');
  403.     
  404.     var $btn = BIGBYTE.isjquery(btn); // convert to jquery obj
  405.     var libTmce = BIGBYTE.USERSCRIPT.STHL.TMCE;
  406.     if ($btn.data('converted')) {
  407.         $btn.data('converted', 0);
  408.     } else {
  409.         $btn.data('converted', 1);
  410.  
  411.     }
  412.     var contentHtml = this.getConvertedList();
  413.     if (libTmce.fullscreen) {
  414.         tinyMCE.get('gminput').execCommand('mceFullScreen');
  415.     }
  416.     tinyMCE.get('gminput').setContent(contentHtml);
  417.     $('.gmbackdrop, .gmbox').animate({
  418.         'opacity': '.50'
  419.     }, 300, 'linear');
  420.     $('.gmbox').animate({
  421.         'opacity': '1.00'
  422.     }, 300, 'linear');
  423.     $('.gmbackdrop, .gmbox').css('display', 'block');
  424.  
  425.     $.event.trigger({
  426.         type: 'codeConversionFinish',
  427.         message: 'convert_list_end',
  428.         time: new Date(),
  429.         source: 'convertClick',
  430.         html: contentHtml
  431.     });
  432.  
  433. };
  434.  
  435.  
  436. /*
  437.  * Button click to convert ordered list of the code output to html table
  438.  */
  439. sthl.convertTable = function(btn) {
  440.     var $ = jQuery;
  441.     $.event.trigger({
  442.         type: 'codeConversionStart',
  443.         message: 'convert_table_start',
  444.         time: new Date(),
  445.         source: 'convertTable'
  446.     });
  447.  
  448.     var libTmce = BIGBYTE.USERSCRIPT.STHL.TMCE;
  449.     this.windowScrollPos = $('body').scrollTop();
  450.     $('html, body').animate({
  451.         scrollTop: 0
  452.     }, 'slow');
  453.     $(document).disableScroll('html, body');
  454.  
  455.     var contentHtml = this.getConvertedTable();
  456.     if (libTmce.fullscreen) {
  457.         tinyMCE.get('gminput').execCommand('mceFullScreen');
  458.     }
  459.     tinyMCE.get('gminput').setContent(contentHtml);
  460.     $('.gmbackdrop, .gmbox').animate({
  461.         'opacity': '.50'
  462.     }, 300, 'linear');
  463.     $('.gmbox').animate({
  464.         'opacity': '1.00'
  465.     }, 300, 'linear');
  466.     $('.gmbackdrop, .gmbox').css('display', 'block');
  467.  
  468.     $.event.trigger({
  469.         type: 'codeConversionFinish',
  470.         message: 'convert_table_end',
  471.         time: new Date(),
  472.         source: 'convertTable',
  473.         html: contentHtml
  474.     });
  475. };
  476. // #endregion Button methods
  477. // #region Init
  478. /**
  479.  * Init for the main script
  480.  */
  481. sthl.init = function(pluginSrc) {
  482.     var tinyMceVer = BIGBYTE.USERSCRIPT.STHL.TMCE.version;
  483.     //var tinyMceVer = '4.3.2';
  484.     pluginSrc = typeof(pluginSrc) == 'undefined' ? '//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js' : pluginSrc;
  485.  
  486.     // no jquery at this point use pure javascript events
  487.     if (document.addEventListener) { // For all major browsers, except IE 8 and earlier
  488.         document.addEventListener("bbScriptLoaded", BIGBYTE.USERSCRIPT.STHL.onBbScriptLoaded);
  489.     } else if (document.attachEvent) { // For IE 8 and earlier versions
  490.         document.attachEvent("onbbScriptLoaded", BIGBYTE.USERSCRIPT.STHL.onBbScriptLoaded);
  491.     }
  492.  
  493.     if (document.addEventListener) { // For all major browsers, except IE 8 and earlier
  494.         document.addEventListener("allScriptsLoaded", BIGBYTE.USERSCRIPT.STHL.onAllScriptsLoaded);
  495.     } else if (document.attachEvent) { // For IE 8 and earlier versions
  496.         document.attachEvent("onallScriptsLoaded", BIGBYTE.USERSCRIPT.STHL.onAllScriptsLoaded);
  497.     }
  498.  
  499.     // only add jquery if we need it.
  500.     if (typeof(jQuery) == 'undefined') {
  501.         this.addScript('jquery', pluginSrc, 'linkedjs', 'jQuery');
  502.     }
  503.     if ((typeof(jQuery) == 'undefined') || (typeof(jQuery.cookei) == 'undefined')) {
  504.         this.addScript('cookie', '//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js', 'linkedjs', 'jQuery.cookie');
  505.     }
  506.     if (typeof(Clipboard) == 'undefined') {
  507.         this.addScript('clipboard', '//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js', 'linkedjs', 'Clipboard');
  508.     }
  509.     this.addScript('icons-css', '//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css', 'csslink');
  510.     // tiny mce 
  511.     this.addScript('tinyMceJs', '//cdnjs.cloudflare.com/ajax/libs/tinymce/' + tinyMceVer + '/tinymce.min.js', 'linkedjs', 'tinyMCE');
  512.     this.addScript('tinyMceCss', '//cdnjs.cloudflare.com/ajax/libs/tinymce/' + tinyMceVer + '/skins/lightgray/skin.min.css', 'csslink');
  513.  
  514.     //this.addScript('tinymce_advanced_theme', '//cdnjs.cloudflare.com/ajax/libs/tinymce/' + tinyMceVer + '/themes/advanced/theme.min.js','linkedjs') // no checking required
  515.     this.loadScripts();
  516. };
  517. /*
  518.  * Load scripts will load one script only at a time.
  519.  * When the script is loaded the next if any script will be
  520.  * load via the onScripLoadeEvent
  521.  * the onScriptLoaded Event calle this function over and over untll all the scripts are loaded
  522.  */
  523. sthl.loadScripts = function() {
  524.  
  525.     var count = 0;
  526.     for (var key in this.scripts) {
  527.         count++;
  528.         if (count > 1) {
  529.             return;
  530.         }
  531.         BIGBYTE.USERSCRIPT.DOCUMENT.loadScript(this.scripts[key]);
  532.     }
  533. };
  534. /*
  535.  * Array to hold all the scripts that are to be loaded
  536.  */
  537. sthl.scripts = [];
  538. /*
  539.  * Adds script item to the BIGBYTE.USERSCRIPT.STHL.scripts array
  540.  * these are scripts tha will be loaded when the BIGBYTE.USERSCRIPT.STHL.init() is fired
  541.  */
  542. sthl.addScript = function(name, src, type, testMethod, args) {
  543.     var newItm = {
  544.         name: name,
  545.         src: src,
  546.         type: type,
  547.         testMethod: testMethod
  548.     };
  549.     if(typeof(args) === undefined) {
  550.         this.scripts[name] = newItm;
  551.     } else {
  552.         var extended = BIGBYTE.USERSCRIPT.UTIL.extend(newItm, args);
  553.         this.scripts[name] = extended;
  554.     }
  555. };
  556.  
  557. /*
  558.  * Function to check and see if there are any scripts left to be loaded
  559.  * @returns boolean, true if all the scripts are loaded; Otherwise false
  560.  */
  561. sthl.isScriptsLoaded = function() {
  562.     var lib = BIGBYTE.USERSCRIPT.STHL;
  563.     for (var key in lib.scripts) {
  564.         if (!lib.scripts[key].loaded) {
  565.             return false
  566.         }
  567.     }
  568.     return true;
  569. };
  570.  
  571.  
  572.  
  573. // #endregion init
  574. // #region Properties
  575. sthl.scriptOutputted = false;
  576. sthl.windowScrollPos = 0;
  577. sthl.includeLineNumbers = true;
  578. /**
  579.  * Property that is set to true if the code has had style added to it
  580.  * @type {Boolean}
  581.  */
  582. sthl.isCodeStyled = false;
  583.  
  584. // light box related
  585. sthl.lightBoxCss = '.gmbackdrop,.gmbox{position:absolute;display:none}.gmbackdrop{top:0;left:0;width:100%;height:100%;background:#000;opacity:0;';
  586. sthl.lightBoxCss += 'filter:alpha(opacity=0);z-index:201}.gmbox{background:#fff;z-index:202;padding:10px;';
  587. sthl.lightBoxCss += '-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 5px #444;-webkit-box-shadow:0 0 5px #444;';
  588. sthl.lightBoxCss += 'box-shadow:0 0 5px #444}.gmclose{float:right;margin-right:6px;cursor:pointer}.mce-panel{border:none}div.gmbox .mce-panel{border:';
  589. sthl.lightBoxCss += ' 0 solid rgba(0,0,0,.2)}div.mce-tinymce.mce-container.mce-panel{margin-top:2em}div.mce-tinymce.mce-container.mce-panel.mce-fullscreen';
  590. sthl.lightBoxCss += '{margin-top:0}#gm-edit-btn{font-size:1.6em;color:#ABABAB}#gm-edit-btn:hover{color:#2DBE60}';
  591. sthl.lightBoxCss += '.gmbox-window{top:50%;left:50%;transform: translate(-50%, -50%);position: absolute;';
  592. sthl.lightBoxCss += 'width:650px;height:450px;}';
  593. // #endregion Properties
  594. // #region Init Methods
  595. /*
  596.  * internal method to add buttons to the toolbar of the page.
  597.  * method alos hooks up some of the buttons. Method is called on document.ready
  598.  */
  599. sthl.initToolbar = function($) {
  600.     var lib = this;
  601.     var $btndiv = $('.buttons:first');
  602.     $btndiv.append('<button id="gmconvert" type="button" data-clipboard-text="" data-converted="0" disabled="disabled">Popup List</button>');
  603.     $btndiv.append('<button id="gmtable" type="button" disabled="disabled">Popup Table</button>');
  604.     $btndiv.append('<button id="gmcopy" type="button" disabled="disabled">Copy List</button>');
  605.     $btndiv.append('<button id="gmcopytbl" type="button" disabled="disabled">Copy Table</button>');
  606.  
  607.  
  608.     $('button#gmconvert').click(function() {
  609.         lib.convertClick(this);
  610.     });
  611.     $('#gmtable').click(function() {
  612.         lib.convertTable(this);
  613.     });
  614. };
  615. /*
  616.  *
  617.  * Inits the line number to hook page line number checkbox
  618.  * @param $ optional jQuery object
  619.  * @desc called from main init
  620.  */
  621.  
  622. sthl.initLineNumbers = function($) {
  623.     $ = $ || jQuery;
  624.     //label#checkBox.bfc selected
  625.     //includeLineNumbers
  626.     var lib = this;
  627.     $('input#lineNumber').click(function() {
  628.         if ($(this).parent('label').hasClass('selected')) {
  629.             lib.includeLineNumbers = true;
  630.         } else {
  631.             lib.includeLineNumbers = false;
  632.  
  633.         }
  634.     });
  635. };
  636. // #endregion Init Methods
  637. // #region Methods
  638. /*
  639.  * resets the lightbox back to hidden state
  640.  */
  641. sthl.lightBoxReset = function() {
  642.     jQuery('.gmbackdrop, .gmbox').animate({
  643.         'opacity': '0'
  644.     }, 300, 'linear', function() {
  645.         jQuery('.gmbackdrop, .gmbox').css('display', 'none');
  646.     });
  647.     jQuery('textarea#gminput').val(''); // clean up textarea
  648. };
  649.  
  650. /**
  651.  * Converts a list (ul, ol) elements into a table
  652.  * @parm el an element containing the the ul or ol item
  653.  * @parm includeNum optional, if true then line numnbers will be incldued; Otherwise false.
  654.  * default value is the value the page is currently set to with the line numbers checkbox
  655.  */
  656. sthl.toTable = function(el, includeNum, tableClass) {
  657.     var $ = jQuery;
  658.     var lib = this;
  659.     //debugger;
  660.     tableClass = tableClass || '';
  661.     includeNum = includeNum || this.includeLineNumbers;
  662.  
  663.     var $tbl;
  664.     if (tableClass) {
  665.         $tbl = $('<table />');
  666.     } else {
  667.         $tbl = $('<table class="' + tableClass + '" />');
  668.     }
  669.     var count = 0;
  670.     el.find('li').each(function(index, li) {
  671.         var $li = BIGBYTE.isjquery(li);
  672.         var box = $li.hasClass('box');
  673.         var boxTop = $li.hasClass('box-top');
  674.         var boxMid = $li.hasClass('box-mid');
  675.         var boxBot = $li.hasClass('box-bot');
  676.         var boxBg = $li.hasClass('box-bg');
  677.         count++;
  678.         var $row = $('<tr/>');
  679.         if (includeNum) {
  680.             var $cellNum = $('<td/>').css({
  681.                 paddingLeft: '5px',
  682.                 width: '35px',
  683.                 textAlign: 'right',
  684.                 whiteSpace: 'nowrap',
  685.                 paddingRight: '5px'
  686.             });
  687.             if (box) {
  688.                 $cellNum.css({
  689.                     border: $li.css('border'),
  690.                     borderColor: $li.css('border-color'),
  691.                     borderRight: '0'
  692.                 });
  693.                 if (boxTop) {
  694.                     $cellNum.css({
  695.                         borderTop: $li.css('border-top'),
  696.                         borderLeft: $li.css('border-left'),
  697.                         borderLeftColor: $li.css('border-left-color')
  698.                     });
  699.                 }
  700.                 if (boxMid) {
  701.                     $cellNum.css({
  702.                         borderLeft: $li.css('border-left'),
  703.                         borderLeftColor: $li.css('border-left-color')
  704.                     });
  705.                 }
  706.                 if (boxBot) {
  707.                     $cellNum.css({
  708.                         borderBottom: $li.css('border-bottom'),
  709.                         borderBottomColor: $li.css('border-bottom-color'),
  710.                         borderLeft: $li.css('border-left'),
  711.                         borderLeftColor: $li.css('border-left-color')
  712.                     });
  713.                 }
  714.                 if (boxBg) {
  715.                     $cellNum.css({
  716.                         backgroundColor: $li.css('background-color')
  717.                     });
  718.                 }
  719.             }
  720.             $cellNum.html(BIGBYTE.STRING.pad(count, 2) + '.');
  721.             $row.append($cellNum);
  722.  
  723.         }
  724.         var $cellMain = $('<td/>');
  725.         $cellMain = lib._copyCss($cellMain, li);
  726.         $cellMain.css({
  727.             listStyle: '',
  728.             //wordWrap: 'normal',
  729.             lineHeight: '',
  730.             fontSize: '',
  731.             fontFamily: '',
  732.             'word-wrap': 'break-word'
  733.         });
  734.         if (includeNum) {
  735.             $cellMain.css({
  736.                 width: '100%'
  737.             });
  738.         } else {
  739.             $cellMain.css({
  740.                 width: '100%',
  741.                 paddingLeft: '10px'
  742.             });
  743.         }
  744.  
  745.         if (box) {
  746.             $cellMain.css({
  747.                 border: $li.css('border'),
  748.                 borderColor: $li.css('border-color'),
  749.                 borderLeft: (includeNum ? '0' : $li.css('border-left'))
  750.             });
  751.             if (boxTop) {
  752.                 if (includeNum) {
  753.                     $cellMain.css({
  754.                         borderTop: $li.css('border-top'),
  755.                         borderLeft: '0',
  756.                         borderRight: $li.css('border-right'),
  757.                         borderRightColor: $li.css('border-Right-color')
  758.                     });
  759.                 } else {
  760.                     $cellMain.css({
  761.                         borderTop: $li.css('border-top'),
  762.                         borderLeft: $li.css('border-left'),
  763.                         borderLeftColor: $li.css('border-left-color'),
  764.                         borderRight: $li.css('border-right'),
  765.                         borderRightColor: $li.css('border-Right-color')
  766.                     });
  767.                 }
  768.  
  769.             }
  770.             if (boxMid) {
  771.                 if (includeNum) {
  772.                     $cellMain.css({
  773.                         borderLeft: '0',
  774.                         borderRight: $li.css('border-right'),
  775.                         borderRightColor: $li.css('border-Right-color')
  776.                     });
  777.                 } else {
  778.                     $cellMain.css({
  779.                         borderLeft: $li.css('border-left'),
  780.                         borderLeftColor: $li.css('border-left-color'),
  781.                         borderRight: $li.css('border-right'),
  782.                         borderRightColor: $li.css('border-Right-color')
  783.                     });
  784.                 }
  785.  
  786.             }
  787.             if (boxBot) {
  788.                 if (includeNum) {
  789.                     $cellMain.css({
  790.                         borderBottom: $li.css('border-bottom'),
  791.                         borderBottomColor: $li.css('border-bottom-color'),
  792.                         borderLeft: '0',
  793.                         borderRight: $li.css('border-right'),
  794.                         borderRightColor: $li.css('border-Right-color')
  795.                     });
  796.                 } else {
  797.                     $cellMain.css({
  798.                         borderBottom: $li.css('border-bottom'),
  799.                         borderBottomColor: $li.css('border-bottom-color'),
  800.                         borderLeft: $li.css('border-left'),
  801.                         borderLeftColor: $li.css('border-left-color'),
  802.                         borderRight: $li.css('border-right'),
  803.                         borderRightColor: $li.css('border-Right-color')
  804.                     });
  805.                 }
  806.             }
  807.             if (boxBg) {
  808.                 $cellMain.css({
  809.                     backgroundColor: $li.css('background-color')
  810.                 });
  811.             }
  812.         }
  813.         $cellMain.html($(this).html());
  814.         $row.append($cellMain);
  815.         $tbl.append($row);
  816.     });
  817.     // set the default css styles
  818.     $tbl = this._copyCss($tbl, el);
  819.     // corrected css styles
  820.     $tbl.css({
  821.         whiteSpace: 'nowrap',
  822.         listStyle: '',
  823.         wordWrap: 'normal',
  824.         'border-collapse': 'collapse',
  825.         'table-layout': 'fixed',
  826.         width: '100%'
  827.     });
  828.     return $tbl;
  829. }
  830. sthl.createToggleButton = function() {
  831.     var $ = jQuery;
  832.     if ($('btncustomtoggle').length === 0) {
  833.         $('<div id="customtoggle"><button id="btncustomtoggle" type="buton" style="display: none">Toggle</button></div>').insertBefore('#htmlToCopy');
  834.         $('#btncustomtoggle').click(function() {
  835.             tinyMCE.execCommand('mceToggleEditor', true, 'htmlToCopy');
  836.         });
  837.     }
  838.  
  839. };
  840. /*
  841.  * internal copies specifice class files from toEl to el.
  842.  */
  843.  
  844. sthl._copyCss = function(toEl, el) {
  845.     var $toEl = BIGBYTE.isjquery(toEl);
  846.     var $el = BIGBYTE.isjquery(el);
  847.  
  848.     $toEl.css({
  849.         paddingLeft: $el.css('padding-left'),
  850.         listStyle: $el.css('list-style'),
  851.         backgroundColor: $el.css('background-color'),
  852.         lineHeight: $el.css('line-height'),
  853.         borderLeft: $el.css('border-left'),
  854.         color: $el.css('color'),
  855.         fontWeight: $el.css('font-weight'),
  856.         fontStyle: $el.css('font-style'),
  857.         fontSize: $el.css('font-size'),
  858.         fontFamily: $el.css('font-family'),
  859.         textAlign: $el.css('text-align'),
  860.         whiteSpace: $el.css('white-space'),
  861.         wordWrap: $el.css('word-wrap')
  862.     })
  863.     return $toEl;
  864. };
  865.  
  866. sthl.lightBoxAddCss = function() {
  867.     var bdoc = BIGBYTE.USERSCRIPT.DOCUMENT;
  868.     bdoc.addCss_Node(this.lightBoxCss, 'body');
  869. };
  870.  
  871. sthl.getLightBoxHtml = function(id, title) {
  872.     id = typeof id !== 'undefined' ? id : 'gminput';
  873.     title = typeof title !== 'undefined' ? title : '';
  874.     var h = '<div class="gmbackdrop"></div>';
  875.     h += '<div id="tinybox" class="gmbox gmbox-window"><div class="gmclose"><i class="fi-x" style="color:black"></i></div>';
  876.     h += title;
  877.     h += '<textarea id="' + id + '" rows="18" cols="68"></textarea>';
  878.     h += '</div></div>';
  879.     return h;
  880. }
  881.  
  882. sthl.writeLightBox = function(id, title) {
  883.     var html = this.getLightBoxHtml(id, title);
  884.     var bdoc = BIGBYTE.USERSCRIPT.DOCUMENT;
  885.     bdoc.addHtml_Node(html);
  886. };
  887.  
  888. /**
  889.  * Init that fires when Clibporad Lib is loaded
  890.  */
  891. sthl.clipboardInit = function() {
  892.  
  893.     var clipboard = new Clipboard('#gmcopy', {
  894.         text: function(trigger) {
  895.             var $ = jQuery;
  896.             $.event.trigger({
  897.                 type: 'codeConversionStart',
  898.                 message: 'convert_list_start',
  899.                 time: new Date(),
  900.                 source: 'gmcopy'
  901.             });
  902.  
  903.             var contentHtml;
  904.             try {
  905.                 contentHtml = BIGBYTE.USERSCRIPT.STHL.getConvertedList();
  906.             } catch (e) {
  907.                 // statements
  908.                 console.log(e);
  909.             }
  910.             $.event.trigger({
  911.                 type: 'codeConversionFinish',
  912.                 message: 'convert_list_end',
  913.                 time: new Date(),
  914.                 source: 'gmcopy',
  915.                 html: contentHtml
  916.             });
  917.             return contentHtml;
  918.         }
  919.     });
  920.     var clipboardTbl = new Clipboard('#gmcopytbl', {
  921.         text: function(trigger) {
  922.             var $ = jQuery;
  923.             $.event.trigger({
  924.                 type: 'codeConversionStart',
  925.                 message: 'convert_table_start',
  926.                 time: new Date(),
  927.                 source: 'gmcopytbl'
  928.             });
  929.             var contentHtml;
  930.             try {
  931.                 contentHtml = BIGBYTE.USERSCRIPT.STHL.getConvertedTable();
  932.             } catch (e) {
  933.                 // statements
  934.                 console.log(e);
  935.             }
  936.  
  937.             $.event.trigger({
  938.                 type: 'codeConversionFinish',
  939.                 message: 'convert_table_end',
  940.                 time: new Date(),
  941.                 source: 'gmcopytbl',
  942.                 html: contentHtml
  943.             });
  944.             return contentHtml;
  945.  
  946.         }
  947.     });
  948.  
  949.     clipboard.on('success', function(e) {
  950.         console.info('Action:', e.action);
  951.         //console.info('Text:', e.text);
  952.         console.info('Trigger:', e.trigger);
  953.         alert('Data as been copied to the clipboard');
  954.     });
  955.  
  956.     clipboard.on('error', function(e) {
  957.         console.error('Action:', e.action);
  958.         console.error('Trigger:', e.trigger);
  959.         alert('Unable to copy data to the clipboard');
  960.     });
  961.  
  962.     clipboardTbl.on('success', function(e) {
  963.         console.info('Action:', e.action);
  964.         console.info('Trigger:', e.trigger);
  965.         alert('Data as been copied to the clipboard');
  966.     });
  967.  
  968.     clipboardTbl.on('error', function(e) {
  969.         console.error('Action:', e.action);
  970.         console.error('Trigger:', e.trigger);
  971.         alert('Unable to copy data to the clipboard');
  972.     });
  973. };
  974.  
  975. /**
  976.  * Calls page like method to relaod the code from the origiona source
  977.  * @return {[boolean]} returns true if the code was reset; Otherwise false
  978.  */
  979. sthl.reHighlight = function() {
  980.     if ($("#dropZone").val() == "") {
  981.         $(".doneButton").attr("disabled", true);
  982.         return false;
  983.     }
  984.     $("#theWholeEnchilada").html('<pre class="shi_pre"></pre>');
  985.     $("#theWholeEnchilada .shi_pre").text($("#dropZone").val());
  986.     languageSelected = $("#language_selected option:selected").val();
  987.     styleSelected = $("#style_selected option:selected").val();
  988.     lineNumber = $("#lineNumber").is(":checked");
  989.     collapsing = ($("#collapsing").is(":checked") || $("#startCollapsing").is(":checked"));
  990.     startCollapsing = $("#startCollapsing").is(":checked");
  991.     boxStyling = $("#boxStyling").val();
  992.     boxColorStyling = $("#boxColorStyling").val();
  993.     boxFillStyling = $("#boxFillStyling").val();
  994.     $("pre.shi_pre").snippet(languageSelected, {
  995.         style: styleSelected,
  996.         showNum: lineNumber,
  997.         collapse: collapsing,
  998.         startCollapsed: startCollapsing,
  999.         box: boxStyling,
  1000.         boxColor: boxColorStyling,
  1001.         boxFill: boxFillStyling
  1002.     })
  1003.     return true;
  1004. };
  1005.  
  1006. /**
  1007.  * Set the page control value select elements if there are cookie value
  1008.  * otherwise save the cookie values
  1009.  */
  1010. sthl.setFromCookies = function() {
  1011.     if (typeof($.cookie('language_selected_val')) == 'undefined') {
  1012.         $.cookie('language_selected_val', $("#language_selected option").filter(":selected").val(), {
  1013.             expires: 14
  1014.         });
  1015.     } else {
  1016.         $("#language_selected").val($.cookie('language_selected_val'));
  1017.     }
  1018.  
  1019.     if (typeof($.cookie('style_selected_val')) == 'undefined') {
  1020.         $.cookie('style_selected_val', $("#style_selected option").filter(":selected").val(), {
  1021.             expires: 14
  1022.         });
  1023.     } else {
  1024.         $("#style_selected").val($.cookie('style_selected_val'));
  1025.     }
  1026. };
  1027.  
  1028. // #endregion Methods
  1029. // #region ensure Methods
  1030. sthl.ensurePlugins = function($) {
  1031.     if (typeof($.fn.enableScroll) == 'undefined') {
  1032.         $.extend($.fn, {
  1033.             enableScroll: function(selector, height) {
  1034.                 height = height || 'auto';
  1035.                 if ((typeof(selector) == 'undefined') || (selector == null)) {
  1036.                     $(this).css({
  1037.                         'overflow': 'auto',
  1038.                         'height': height
  1039.                     });
  1040.  
  1041.                 } else {
  1042.                     $(this).find(selector).css({
  1043.                         'overflow': 'auto',
  1044.                         'height': height
  1045.                     });
  1046.                 }
  1047.             }
  1048.         });
  1049.     }
  1050.     if (typeof($.fn.disableScroll) == 'undefined') {
  1051.         $.extend($.fn, {
  1052.             disableScroll: function(selector, height) {
  1053.                 height = height || '100%';
  1054.                 if ((typeof(selector) == 'undefined') || (selector == null)) {
  1055.                     $(this).css({
  1056.                         'overflow': 'hidden',
  1057.                         'height': height
  1058.                     });
  1059.  
  1060.                 } else {
  1061.                     $(this).find(selector).css({
  1062.                         'overflow': 'hidden',
  1063.                         'height': height
  1064.                     });
  1065.                 }
  1066.             }
  1067.         });
  1068.     }
  1069.     if (typeof($.fn.spaceReplace) == 'undefined') {
  1070.         $.extend($.fn, {
  1071.             spaceReplace: function(recurse) {
  1072.                 recurse = typeof(recurse) == 'undefined' ? false : recurse;
  1073.  
  1074.                 if (recurse) {
  1075.                     return this.find('*').each(function(index, value) {
  1076.                         try {
  1077.                             if (typeof(value) == 'undefined') {
  1078.                                 return;
  1079.                             }
  1080.                             $(value)._spaceRepaceSingle();
  1081.                         } catch (e) {
  1082.                             console.log('spaceReplace error:', e);
  1083.                         }
  1084.  
  1085.                     });
  1086.                 } else {
  1087.                     return this._spaceRepaceSingle();
  1088.                 }
  1089.  
  1090.             },
  1091.             _spaceRepaceSingle: function() {
  1092.                 this.contents().filter(function() {
  1093.                     return this.nodeType == 3; // Text node
  1094.                 }).each(function() {
  1095.                     this.data = this.data.replace(/ /g, '\u00a0');
  1096.                 });
  1097.                 return this;
  1098.             }
  1099.         });
  1100.     }
  1101.     if (typeof($.fn.removeAttrib) == 'undefined') {
  1102.         $.extend($.fn, {
  1103.             removeAttrib: function(attributeName, recurse) {
  1104.                 recurse = typeof(recurse) == 'undefined' ? false : recurse;
  1105.  
  1106.                 if (recurse) {
  1107.                     return $(this).find('*').each(function(index, value) {
  1108.                         try {
  1109.                             if (typeof(value) == 'undefined') {
  1110.                                 return;
  1111.                             }
  1112.                             $(value).removeAttr(attributeName);
  1113.                         } catch (e) {
  1114.                             // statements
  1115.                             console.log('error:', e);
  1116.                         }
  1117.  
  1118.                     });
  1119.                 } else {
  1120.                     return $(this).removeAttr(attributeName);
  1121.                 }
  1122.             }
  1123.         });
  1124.     }
  1125. };
  1126.  
  1127. /*
  1128.  * internal method that creates/loads makeCssInlineCode jQuery plugin
  1129.  * this plugin converts specific the css style of the element and child elemets into inline css style
  1130.  */
  1131. sthl.ensureMakeCssInlineCodePlugin = function($) {
  1132.     if (typeof($.fn.makeCssInlineCode) == 'undefined') {
  1133.         $.extend($.fn, {
  1134.             makeCssInlineCode: function(forTable) {
  1135.                 // forTable if true then will generate css a little diffferently for html table 
  1136.                 forTable = typeof(forTable) == 'undefined' ? false : forTable;
  1137.  
  1138.                 this.each(function(idx, el) {
  1139.                     var $this = $(el);
  1140.                     var tagName = $this.tagName(true);
  1141.                     if ($this.attr('class')) {
  1142.                         // if element has a class then set the styles
  1143.                         $this.css({
  1144.                             color: $this.css('color'),
  1145.                             fontWeight: $this.css('font-weight'),
  1146.                             fontStyle: $this.css('font-style'),
  1147.                             //fontSize: $this.css('font-size'),
  1148.                             //fontFamily: $this.css('font-family'),
  1149.                             textAlign: $this.css('text-align'),
  1150.                             //whiteSpace: $this.css('white-space'),
  1151.                             //wordWrap: $this.css('word-wrap')
  1152.                         });
  1153.                     }
  1154.                     // get tagname in lowercase format;
  1155.                     switch (tagName) {
  1156.                         case 'li':
  1157.                             $this.css({
  1158.                                 paddingLeft: $this.css('padding-left'),
  1159.                                 listStyle: $this.css('list-style'),
  1160.                                 backgroundColor: $this.css('background-color'),
  1161.                                 lineHeight: $this.css('line-height'),
  1162.                                 //borderLeft: $this.css('border-left'),
  1163.                                 borderTop: $this.css('border-top'),
  1164.                                 borderRight: $this.css('border-right'),
  1165.                                 borderBottom: $this.css('border-bottom'),
  1166.                                 borderLeftColor: $this.css('border-left-color'),
  1167.                                 borderTopColor: $this.css('border-top-color'),
  1168.                                 borderRightColor: $this.css('border-right-color'),
  1169.                                 borderBottomColor: $this.css('border-bottom-color'),
  1170.                                 borderLeft: $this.css('border-left'),
  1171.                                 color: $this.css('color'),
  1172.                                 fontWeight: $this.css('font-weight'),
  1173.                                 fontStyle: $this.css('font-style'),
  1174.                                 //fontSize: $this.css('font-size'),
  1175.                                 //fontFamily: $this.css('font-family'),
  1176.                                 textAlign: $this.css('text-align'),
  1177.                                 whiteSpace: $this.css('white-space'),
  1178.                                 wordWrap: $this.css('word-wrap'),
  1179.                                 margin: $this.css('margin'),
  1180.                                 'list-style-position': $this.css('list-style-position')
  1181.  
  1182.                             });
  1183.                             break;
  1184.                         case 'ol': // line numbers
  1185.                             var padding = $this.css('-webkit-padding-start');
  1186.                             $this.css({
  1187.                                 'list-style-type': 'decimal',
  1188.                                 display: 'block',
  1189.                                 '-webkit-margin-before': '1em',
  1190.                                 '-moz-margin-before': '1em',
  1191.                                 '-khtml-margin-before': '1em',
  1192.                                 '-o-margin-before': '1em',
  1193.  
  1194.                                 '-webkit-margin-after': '1em',
  1195.                                 '-moz-margin-after': '1em',
  1196.                                 '-khtml-margin-after': '1em',
  1197.                                 '-o-margin-after': '1em',
  1198.  
  1199.                                 '-webkit-margin-start': '0px',
  1200.                                 '-moz-margin-start': '0px',
  1201.                                 '-khtml-margin-start': '0px',
  1202.                                 '-o-margin-start': '0px',
  1203.  
  1204.                                 '-webkit-margin-end': '0px',
  1205.                                 '-moz-margin-end': '0px',
  1206.                                 '-khtml-margin-end': '0px',
  1207.                                 '-o-margin-end': '0px',
  1208.  
  1209.                                 '-moz-padding-start': padding,
  1210.                                 '-khtml-padding-start': padding,
  1211.                                 '-o-padding-start': padding,
  1212.                                 'padding-start': padding,
  1213.                                 'padding-left': padding
  1214.                             });
  1215.  
  1216.                             break;
  1217.                         case 'ul': // no line numbers
  1218.                             $this.css({
  1219.                                 'list-style-type': 'decimal',
  1220.                                 display: 'block',
  1221.                                 '-webkit-margin-before': '1em',
  1222.                                 '-moz-margin-before': '1em',
  1223.                                 '-khtml-margin-before': '1em',
  1224.                                 '-o-margin-before': '1em',
  1225.  
  1226.                                 '-webkit-margin-after': '1em',
  1227.                                 '-moz-margin-after': '1em',
  1228.                                 '-khtml-margin-after': '1em',
  1229.                                 '-o-margin-after': '1em',
  1230.  
  1231.                                 '-webkit-margin-start': '0px',
  1232.                                 '-moz-margin-start': '0px',
  1233.                                 '-khtml-margin-start': '0px',
  1234.                                 '-o-margin-start': '0px',
  1235.                                 '-webkit-margin-end': '0px',
  1236.                                 '-moz-margin-end': '0px',
  1237.                                 '-khtml-margin-end': '0px',
  1238.                                 '-o-margin-end': '0px',
  1239.  
  1240.                                 '-moz-padding-start': '0',
  1241.                                 '-khtml-padding-start': '0',
  1242.                                 '-o-padding-start': '0',
  1243.                                 'padding-start': '0',
  1244.                                 'padding-left': '0'
  1245.                             });
  1246.                             break;
  1247.                         case 'span':
  1248.                             if ((!forTable) && ($this.hasClass('box-sp'))) {
  1249.                                 $this.css({
  1250.                                     display: $this.css('display'),
  1251.                                     width: $this.css('width')
  1252.                                 });
  1253.                             } else {
  1254.                                 $this.css({
  1255.                                     display: '',
  1256.                                     width: ''
  1257.                                 });
  1258.                             }
  1259.                             break;
  1260.                         default:
  1261.                             // statements_def
  1262.                             break;
  1263.                     }
  1264.  
  1265.                     //var style = el.style;
  1266.                     //$this.removeAttr('class'); // remove class from element
  1267.                     $this.children().makeCssInlineCode(forTable);
  1268.                 });
  1269.             }
  1270.         });
  1271.     }
  1272. };
  1273. /*
  1274.  * internal method that creates/loads makeCssInline jQuery plugin
  1275.  * this plugin converts all the css style of the element and child elemets into inline css style
  1276.  */
  1277. sthl.ensureMakeCssInlinePlugin = function($) {
  1278.     if (typeof($.fn.makeCssInline) == 'undefined') {
  1279.         $.extend($.fn, {
  1280.             makeCssInline: function(recurse) {
  1281.                 recurse = typeof(recurse) == 'undefined' ? false : recurse;
  1282.                 if (recurse) {
  1283.                     return this.find('*').each(function(index, value) {
  1284.                         try {
  1285.                             if (typeof(value) == 'undefined') {
  1286.                                 return;
  1287.                             }
  1288.                             $(value)._makeCssInlineSingle();
  1289.                         } catch (e) {
  1290.                             console.log('makeCssInline error:', e);
  1291.                         }
  1292.  
  1293.                     });
  1294.                 } else {
  1295.                     return this.each(function(index, value) {
  1296.                         $(value)._makeCssInlineSingle();
  1297.                     })
  1298.                 }
  1299.             },
  1300.             _makeCssInlineSingle: function() {
  1301.  
  1302.                 var el = this[0];
  1303.  
  1304.                 var style = el.style;
  1305.                 var properties = [];
  1306.                 for (var property in style) {
  1307.                     if (this.css(property)) {
  1308.                         properties.push(property + ':' + this.css(property));
  1309.                     }
  1310.                 }
  1311.  
  1312.                 el.style.cssText = properties.join(';');
  1313.                 return this;
  1314.             }
  1315.         });
  1316.     }
  1317.  
  1318.     if (typeof($.fn.assignStyleFrom) == 'undefined') {
  1319.         /**
  1320.          * Assigns style of one jQuery Object to current object
  1321.          * @param  {[jQuery]} el) A jQuery object or dom element
  1322.          * @return {[jQuery]}     jQuery object with the new style assigned
  1323.          */
  1324.         $.extend($.fn, {
  1325.             assignStyleFrom: function(el) {
  1326.                 if (typeof(el) == 'undefined') {
  1327.                     return this;
  1328.                 }
  1329.                 var $el;
  1330.                 if (el instanceof jQuery) {
  1331.                     $el = el;
  1332.                 } else {
  1333.                     $el = jQuery(el);
  1334.                 }
  1335.                 if ($el.length === 0) {
  1336.                     return this;
  1337.                 }
  1338.                 var style = $el[0].style;
  1339.                 var properties = [];
  1340.                 for (var property in style) {
  1341.                     if ($el.css(property)) {
  1342.                         properties.push(property + ':' + $el.css(property));
  1343.                     }
  1344.                 }
  1345.                 this[0].style.cssText = properties.join(';');
  1346.                 return this;
  1347.             }
  1348.         });
  1349.     }
  1350. };
  1351.  
  1352. // #endregion enusre Methods
  1353. // #region Events
  1354. /*
  1355.  * Event Handler that is fired when a script is loaded
  1356.  * This event fires each time a script is loaded.
  1357.  */
  1358. sthl.onBbScriptLoaded = function(e) {
  1359.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1360.     // delete the added script
  1361.  
  1362.     delete lib.scripts[e.detail.scriptItm.name];
  1363.     var done = lib.isScriptsLoaded();
  1364.     if (done) {
  1365.         var allScriptsLoaded = new CustomEvent(
  1366.             "allScriptsLoaded", {
  1367.                 detail: {
  1368.                     message: "All Scripts Loaded",
  1369.                     time: new Date(),
  1370.                 },
  1371.                 bubbles: true,
  1372.                 cancelable: false
  1373.             }
  1374.         );
  1375.         document.dispatchEvent(allScriptsLoaded);
  1376.         //jQuery(document).trigger("allScriptsLoaded");
  1377.     } else {
  1378.         // add the next script
  1379.         lib.loadScripts();
  1380.     }
  1381. }
  1382.  
  1383. /*
  1384.  * Event Handler that fires when all scripts are loaded
  1385.  * this is main loading point for the script.
  1386.  */
  1387. sthl.onAllScriptsLoaded = function(e) {
  1388.     console.log('all scripts have been loaded.');
  1389.     jQuery(function($, undefined) {
  1390.         var lib = BIGBYTE.USERSCRIPT.STHL;
  1391.  
  1392.         if (typeof($.fn.tagName) == 'undefined') {
  1393.             // in older version of jquery tagname was retturned in uppercase but now is in lowercase
  1394.             $.fn.tagName = function(toLower) {
  1395.                 var tn = this.prop("tagName");
  1396.                 if (toLower) {
  1397.                     tn = tn.toLowerCase();
  1398.                 }
  1399.                 return tn;
  1400.             };
  1401.         }
  1402.  
  1403.         // hide the intro section of the webpage
  1404.         $('#intro').hide();
  1405.  
  1406.         $(document).on("tinymceInit", lib.onTinymceInit);
  1407.         $(document).on("tinymceCancel", lib.onTinymceCancel);
  1408.         $(document).on("codeConversionStart", lib.onCodeConversionStart);
  1409.         $(document).on("codeConversionFinish", lib.onCodeConversionFinish);
  1410.         // $(document).on("clipboardLoaded", lib.clipboardInit);
  1411.         lib.clipboardInit();
  1412.         $('button.startOver').on('click', lib.onStartOverClick);
  1413.         $('button.doneButton').unbind('click').on('click', lib.onDoneButtonClick);
  1414.  
  1415.         // load the values from cookies and set page controls
  1416.         lib.setFromCookies();
  1417.  
  1418.         // events for page change
  1419.         $('#dropZone').on('change', {
  1420.             source: 'dropZone',
  1421.             type: 'textarea'
  1422.         }, lib.onPageMainChanged);
  1423.         $('select#language_selected').on("change", {
  1424.             source: 'language_selected',
  1425.             type: 'dropdown'
  1426.         }, lib.onPageMainChanged);
  1427.         $('select#style_selected').on('change', {
  1428.             source: 'style_selected',
  1429.             type: 'dropdown'
  1430.         }, lib.onPageMainChanged);
  1431.         $('input#lineNumber').on('change', {
  1432.             source: 'lineNumber',
  1433.             type: 'checkbox'
  1434.         }, lib.onPageMainChanged);
  1435.         $('input#boxColorStyling').on('change', {
  1436.             source: 'boxColorStyling',
  1437.             type: 'input'
  1438.         }, lib.onPageMainChanged);
  1439.         $('input#boxFillStyling').on('change', {
  1440.             source: 'boxFillStyling',
  1441.             type: 'input'
  1442.         }, lib.onPageMainChanged);
  1443.         $('button.startOver').on('click', {
  1444.             source: 'button.startOver',
  1445.             type: 'button'
  1446.         }, lib.onPageReset);
  1447.  
  1448.         $(document).on('tinymceFullScreen', lib.onTinyMceFulllscreen);
  1449.  
  1450.         $('body').append('<input id="gmhidden" type="hidden" value="" />');
  1451.  
  1452.         lib.ensureMakeCssInlinePlugin($);
  1453.         lib.ensureMakeCssInlineCodePlugin($);
  1454.         lib.ensurePlugins($);
  1455.         lib.initToolbar($);
  1456.         lib.lightBoxAddCss();
  1457.         lib.writeLightBox();
  1458.         lib.createToggleButton(); // create the toggle button to toggle tinymce
  1459.         lib.TMCE.init();
  1460.  
  1461.         sthl.initLineNumbers($);
  1462.  
  1463.         $('.gmclose').click(function() {
  1464.             $.event.trigger({
  1465.                 type: "tinymceCancel",
  1466.                 message: 'cancel',
  1467.                 time: new Date(),
  1468.                 tinyMceId: 'gminput'
  1469.             });
  1470.         });
  1471.  
  1472.  
  1473.     });
  1474. };
  1475. /**
  1476.  * Event that fires when the page code elements have changed
  1477.  */
  1478. sthl.onPageMainChanged = function(e) {
  1479.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1480.     var $ = jQuery;
  1481.     if ($("#dropZone").val() == "") {
  1482.         lib.toggleButtons(false);
  1483.     } else {
  1484.         lib.toggleButtons(true);
  1485.     }
  1486.  
  1487.     switch (e.data.source) {
  1488.         case 'language_selected': // dropeown language has been changed
  1489.             $.cookie('language_selected_val', $("#language_selected option").filter(":selected").val(), {
  1490.                 expires: 14
  1491.             });
  1492.             break;
  1493.         case 'style_selected':
  1494.             $.cookie('style_selected_val', $("#style_selected option").filter(":selected").val(), {
  1495.                 expires: 14
  1496.             });
  1497.             break;
  1498.         default:
  1499.             // statements_def
  1500.             break;
  1501.     }
  1502. };
  1503.  
  1504. /**
  1505.  * Event that fire when the page reset takes place
  1506.  * @param  {[objece]} e event args
  1507.  */
  1508. sthl.onPageReset = function(e) {
  1509.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1510.     lib.toggleButtons(false);
  1511.     lib.isCodeStyled = false;
  1512.     // set elements from cookies
  1513.     lib.setFromCookies();
  1514. };
  1515.  
  1516. sthl.onDoneButtonClick = function(e) {
  1517.  
  1518.     if ($("#dropZone").val() == "") {
  1519.         return
  1520.     }
  1521.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1522.     // highlight the code again if it has been styled
  1523.     if (lib.isCodeStyled == true) {
  1524.  
  1525.         lib.reHighlight();
  1526.         lib.isCodeStyled == false;
  1527.     }
  1528.  
  1529.     if ($("#step4:visible")) {
  1530.         $("#step4").slideToggle()
  1531.     }
  1532.     $("#step5").slideToggle();
  1533.     $(this).parents(".wrapper").slideToggle();
  1534.     $("#theWholeEnchilada").css("height", "0");
  1535.     $("#htmlToCopy").val($("#theWholeEnchilada").html());
  1536.     document.getElementById($("#style_selected").val()).style.display = "block"
  1537.  
  1538.     // add tiny mce toggle option on top of the 
  1539.     // formated source code window
  1540.     var nsTmce = BIGBYTE.USERSCRIPT.STHL.TMCE;
  1541.     jQuery('#btncustomtoggle').show();
  1542.     nsTmce.initHtmlTocopy();
  1543.     tinyMCE.execCommand('mceToggleEditor', true, 'htmlToCopy');
  1544.  
  1545. };
  1546. sthl.onStartOverClick = function(e) {
  1547.     var $ = jQuery;
  1548.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1549.     tinyMCE.execCommand('mceRemoveEditor', true, 'htmlToCopy');
  1550.     $('btncustomtoggle').hide();
  1551.     // fixes issue with theWholeEnchilada have a height of auto after reset
  1552.     // this fix is only needed due to this script making a chnage somewhere
  1553.     // along the way
  1554.     $('#theWholeEnchilada').css({
  1555.         height: 'auto'
  1556.     });
  1557.     lib.isCodeStyled = false;
  1558.  
  1559. };
  1560. sthl.onCodeConversionStart = function(e) {
  1561.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1562.     if (lib.reHighlight()) {
  1563.         //console.log('code is rewritten');
  1564.     } else {
  1565.         //console.log('unable to rewrite code');
  1566.     }
  1567. };
  1568. sthl.onCodeConversionFinish = function(e) {
  1569.     var lib = BIGBYTE.USERSCRIPT.STHL;
  1570.     lib.toggleButtons(true);
  1571.     // set the property that indicates
  1572.     // if the colorized code has had syyles added to it
  1573.     lib.isCodeStyled = true;
  1574. };
  1575.  
  1576.  
  1577. /**
  1578.  * Event that fire when TinyMce is initiated
  1579.  */
  1580. sthl.onTinymceInit = function(e) {
  1581.     //console.log('Tiny Mce Init was triggered');
  1582. };
  1583. /**
  1584.  * Event that fire when TinyMce save is clicked
  1585.  */
  1586. sthl.onTinymceSave = function(e) {
  1587.     var $ = jQuery;
  1588.     if (e.tinyMceId == 'gminput') {
  1589.         //console.log('Tiny Mce save was triggered');
  1590.         BIGBYTE.USERSCRIPT.STHL.lightBoxReset();
  1591.         var libTmce = BIGBYTE.USERSCRIPT.STHL.TMCE;
  1592.         if ($('body').hasClass('mce-fullscreen')) {
  1593.             $('body').removeClass('mce-fullscreen');
  1594.         }
  1595.         $(document).enableScroll('html, body');
  1596.         // $('body').animate({ scrollTop: this.windowScrollPos}, 'slow');
  1597.         $('body').scrollTop(this.windowScrollPos);
  1598.     }
  1599.  
  1600. };
  1601. /**
  1602.  * Event that fire when TinyMce close is clicked
  1603.  */
  1604. sthl.onTinymceCancel = function(e) {
  1605.     var $ = jQuery;
  1606.     if (e.tinyMceId == 'gminput') {
  1607.         BIGBYTE.USERSCRIPT.STHL.lightBoxReset();
  1608.         tinymce.get('gminput').setContent(''); // clean up tinymce
  1609.         var libTmce = BIGBYTE.USERSCRIPT.STHL.TMCE;
  1610.         if ($('body').hasClass('mce-fullscreen')) {
  1611.             $('body').removeClass('mce-fullscreen');
  1612.         }
  1613.         $(document).enableScroll('html, body');
  1614.         $('body').scrollTop(this.windowScrollPos);
  1615.     }
  1616.  
  1617. };
  1618. sthl.onTinyMceFulllscreen = function(e) {
  1619.     var $ = jQuery;
  1620.     if (e.tinyMceId == 'gminput') {
  1621.         if (e.state) {
  1622.             if ($('#tinybox').hasClass('gmbox-window')) {
  1623.                 $('#tinybox').removeClass('gmbox-window');
  1624.             }
  1625.         } else {
  1626.             if (!$('#tinybox').hasClass('gmbox-window')) {
  1627.                 $('#tinybox').addClass('gmbox-window');
  1628.             }
  1629.         }
  1630.     }
  1631. };
  1632. // #endregion Events
  1633. // #endnsregion
  1634. // #nsregion BIGBYTE.USERSCRIPT.STHL.TMCE
  1635. // #region Create NS
  1636. var tmce = BIGBYTE.createNS("BIGBYTE.USERSCRIPT.STHL.TMCE");
  1637. tmce.ns = 'BIGBYTE.USERSCRIPT.STHL.TMCE';
  1638. // #endregion Create ns
  1639. // #region Properties
  1640. tmce.scriptOutputted = false;
  1641. tmce.fullscreen = false;
  1642. tmce.loopcount = 0;
  1643. tmce.version = '4.3.4';
  1644. // #endregion Properties
  1645. // #region init
  1646. if (typeof(tmce.init) == 'undefined') {
  1647.     tmce.init = function() {
  1648.         var ver = this.version;
  1649.         var id = 'gminput';
  1650.         tinyMCE.init({
  1651.             selector: 'textarea#' + id,
  1652.             visual: false, // turn off visual aids by default
  1653.             //entity_encoding: 'named',
  1654.             //entities: '160,nbsp',
  1655.             init_instance_callback: function() {
  1656.                 jQuery('.mce-i-mysave').addClass('fi-save').css({
  1657.                     color: 'black'
  1658.                 });
  1659.                 // add x icon to button
  1660.                 jQuery('.mce-i-myexit').addClass('fi-x').css({
  1661.                     color: 'black'
  1662.                 });
  1663.                 jQuery.event.trigger({
  1664.                     type: "tinymceInit",
  1665.                     message: 'init',
  1666.                     time: new Date(),
  1667.                     tinyMceId: id
  1668.                 });
  1669.             },
  1670.             height: 260,
  1671.             // extended_valid_elements : "span[!class]",
  1672.             inline: false,
  1673.             browser_spellcheck: true,
  1674.             plugins: "",
  1675.             menubar: "edit insert format view tools table",
  1676.             toolbar1: 'mysave myexit insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link',
  1677.             toolbar2: 'fullscreen print preview media | forecolor backcolor | insertdatetime table searchreplace code',
  1678.             external_plugins: {
  1679.                 'fullscreen': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/fullscreen/plugin.min.js',
  1680.                 'textcolor': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/textcolor/plugin.min.js',
  1681.                 'nonbreaking': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/nonbreaking/plugin.min.js',
  1682.                 'insertdatetime': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/insertdatetime/plugin.min.js',
  1683.                 'code': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/code/plugin.min.js',
  1684.                 'hr': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/hr/plugin.min.js',
  1685.                 'searchreplace': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/searchreplace/plugin.min.js',
  1686.                 'table': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/table/plugin.min.js'
  1687.             },
  1688.             //valid_elements: 'ol ul',
  1689.             //extended_valid_elements: 'ol[|class|style] ul[class|style]',
  1690.             keep_styles: false,
  1691.             setup: function(ed) {
  1692.                 // Add a custom button
  1693.                 ed.on('FullscreenStateChanged', function(e) {
  1694.                     this.fullscreen = e.state;
  1695.                     jQuery.event.trigger({
  1696.                         type: "tinymceFullScreen",
  1697.                         message: 'fullscreen toogle',
  1698.                         time: new Date(),
  1699.                         state: e.state,
  1700.                         tinyMceId: id
  1701.                         
  1702.                     });
  1703.  
  1704.                 });
  1705.                 ed.addButton('myexit', {
  1706.                     title: 'Close',
  1707.                     onclick: function() {
  1708.                         jQuery.event.trigger({
  1709.                             type: "tinymceCancel",
  1710.                             message: 'cancel',
  1711.                             time: new Date(),
  1712.                             tinyMceId: id
  1713.                         });
  1714.                     }
  1715.                 });
  1716.  
  1717.             }
  1718.         });
  1719.  
  1720.     };
  1721. }
  1722. if (typeof(tmce.initHtmlTocopy) == 'undefined') {
  1723.     tmce.initHtmlTocopy = function() {
  1724.         var ver = this.version;
  1725.         var id = 'htmlToCopy'
  1726.         tinyMCE.init({
  1727.             selector: 'textarea#' + id,
  1728.             visual: false, // turn off visual aids by default
  1729.             init_instance_callback: function() {
  1730.                 jQuery.event.trigger({
  1731.                     type: "tinymceInit",
  1732.                     message: 'initHtmlTocopy',
  1733.                     time: new Date(),
  1734.                     tinyMceId: id
  1735.                 });
  1736.             },
  1737.             height: 260,
  1738.             // extended_valid_elements : "span[!class]",
  1739.             inline: false,
  1740.             browser_spellcheck: true,
  1741.             plugins: "",
  1742.             menubar: "edit insert format view tools table",
  1743.             toolbar1: 'myexit insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link',
  1744.             toolbar2: 'fullscreen print preview media | forecolor backcolor | insertdatetime table searchreplace code',
  1745.             external_plugins: {
  1746.                 'fullscreen': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/fullscreen/plugin.min.js',
  1747.                 'textcolor': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/textcolor/plugin.min.js',
  1748.                 'nonbreaking': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/nonbreaking/plugin.min.js',
  1749.                 'insertdatetime': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/insertdatetime/plugin.min.js',
  1750.                 'code': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/code/plugin.min.js',
  1751.                 'hr': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/hr/plugin.min.js',
  1752.                 'searchreplace': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/searchreplace/plugin.min.js',
  1753.                 'table': 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/' + ver + '/plugins/table/plugin.min.js'
  1754.             },
  1755.             //theme : "advanced",
  1756.             theme_advanced_toolbar_location: "top",
  1757.             theme_advanced_toolbar_align: "left",
  1758.             theme_advanced_statusbar_location: "bottom",
  1759.             theme_advanced_resizing: true,
  1760.             content_css: 'shi/css/shi_default.min.css',
  1761.             setup: function(ed) {
  1762.                 // Add a custom button
  1763.                 ed.on('FullscreenStateChanged', function(e) {
  1764.  
  1765.                     jQuery.event.trigger({
  1766.                         type: "tinymceFullScreen",
  1767.                         message: 'fullscreen toogle',
  1768.                         time: new Date(),
  1769.                         state: e.state,
  1770.                         tinyMceId: id
  1771.                     });
  1772.  
  1773.                 });
  1774.             }
  1775.             //theme_advanced_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1"
  1776.  
  1777.         });
  1778.     };
  1779. }
  1780.  
  1781. // #endregion init
  1782. // #endnsregion BIGBYTE.USERSCRIPT.STHL.TMCE
  1783.  
  1784. // init the lib objects.
  1785. sthl.init();