☰

TPT Syntax Highlighted Code Boxes

Syntax highlights <code> boxes on the powder toy forums.

目前为 2014-11-30 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name TPT Syntax Highlighted Code Boxes
  3. // @version 1.0.0
  4. // @description Syntax highlights <code> boxes on the powder toy forums.
  5. // @author boxmein
  6. // @match *://powdertoy.co.uk/Discussions/Thread/*
  7. // @namespace http://boxmein.net
  8. // @id 53666432360934db4cd6@boxmein.net
  9. // ==/UserScript==
  10. // last updated: Mon Dec 01 2014 00:26:43 GMT+0200 (FLE Standard Time)
  11.  
  12. // Highlight.js is the highlighting library.
  13. var HLJS = "//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js";
  14.  
  15. // Language support for Lua isn't included in ^that distribution by default
  16. var LUA = "//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/languages/lua.min.js";
  17.  
  18. // Highlight.js only slaps on class names, you also need to style the classes! 
  19. var HL_STYLE = "//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/github.min.css";
  20.  
  21.  
  22. (function() {
  23.   'use strict';
  24.   
  25.   // Runs a function in the document. Basically like a Content Script.
  26.   // http://wiki.greasespot.net/Content_Script_Injection
  27.   function contentEval(source) {
  28.  
  29.     // Check for function input.
  30.     if ('function' == typeof source) {
  31.       // Execute this function with no arguments, by adding parentheses.
  32.       // One set around the function, required for valid syntax, and a
  33.       // second empty set calls the surrounded function.
  34.       source = '(' + source + ')();'
  35.     }
  36.  
  37.     // Create a script node holding this  source code.
  38.     var script = document.createElement('script');
  39.     script.setAttribute("type", "application/javascript");
  40.     script.textContent = source;
  41.  
  42.     // Insert the script node into the page, so it will run, and immediately
  43.     // remove it to clean up.
  44.     document.body.appendChild(script);
  45.     //document.body.removeChild(script);
  46.   }
  47.  
  48.  
  49.   // Given a src attribute, makes a <script> tag into the end of <body>
  50.   function contentScript(source) {
  51.     var tag = document.createElement('script');
  52.     tag.setAttribute('type', 'application/javascript');
  53.     tag.src = source;
  54.  
  55.     document.body.appendChild(tag);
  56.     //document.body.removeChild(tag);
  57.     return tag;
  58.   }
  59.  
  60.   contentScript(HLJS);
  61.  
  62.   // Set an ID, because after *that* loads, hljs is finally ready to highlight
  63.   // Lua as well as C++.
  64.   var tag = contentScript(LUA);
  65.   tag.id = "luaapi";
  66.  
  67.  
  68.   // Add the CSS for good measure too
  69.   var st = document.createElement('link');
  70.   st.type = 'text/css';
  71.   st.rel = 'stylesheet';
  72.   st.href = HL_STYLE;
  73.   document.head.appendChild(st);
  74.  
  75.   contentEval(function() {
  76.  
  77.     function highlightCode(){
  78.       // by default hljs highlights <pre><code>, have to override
  79.       var ds = document.querySelectorAll('code');
  80.       for(var d = 0; d < ds.length; d++)
  81.         window.hljs.highlightBlock(ds[d]);  
  82.     }
  83.     
  84.     window.highlightCode = highlightCode;
  85.  
  86.     document.getElementById('luaapi').onload = highlightCode;
  87.   });
  88.  
  89. })();