☰

QR-Plugins.IMG.WrapBBCode

plugins for Kaskus-QR, wrap all image link with img bbcode

目前为 2014-04-17 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name          QR-Plugins.IMG.WrapBBCode
  3. // @namespace     http://userscripts.org/scripts/show/QR-Plugins.IMG.AutoBBCode
  4. // @include        *.kaskus.co.id/thread/*
  5. // @include        *.kaskus.co.id/lastpost/*
  6. // @include        *.kaskus.co.id/post/*
  7. // @include        *.kaskus.co.id/group/discussion/*
  8. // @include        *.kaskus.co.id/show_post/*
  9. // @version       0.1
  10. // @dtversion     1404140001
  11. // @timestamp     1351547543977
  12. // @qrversion     4.0
  13. // @description   plugins for Kaskus-QR, wrap all image link with img bbcode
  14. // @author        tuxie.forte;
  15. // @license       (CC) by-nc-sa 3.0
  16. //
  17. // -!--latestupdate
  18. //
  19. //
  20. // v0.1 - 2014-04-14
  21. //  init
  22. //
  23. // -/!latestupdate---
  24. // ==/UserScript==
  25. //
  26.  
  27. (function(){
  28. // Initialize Global Variables
  29. var gvar=function() {};
  30.  
  31. /*
  32. window.alert(new Date().getTime());
  33. */
  34. //========-=-=-=-=--=========
  35. gvar.__DEBUG__ = !1; // development
  36. //========-=-=-=-=--=========
  37.  
  38.  
  39. // this is where we re-initialize before we trigger start_Main()
  40. // any huge global var or loading any saved value may start in here too
  41. function init_start(){
  42.     gvar.B = rSRC.getSetOf('button');
  43.     gvar.tID = "reply-messsage";
  44.  
  45.     // gvar.supportExt = '*';
  46.     gvar.supportExt = 'gif,jpg,jpeg,png,pneg';
  47.     
  48.     
  49.     start_Main();
  50. }
  51.  
  52. function handleClick(){
  53.   var vBText = _TEXT.init();
  54.   var re, isImg, ucok, textcontent = vBText.content;
  55.   var extpat = ( gvar.supportExt == '*' ? "[\\w]+" : gvar.supportExt.split(",").join("|") );
  56.   var imgStrRgx = "\\b(https?:\\/\\/(?:[a-z\\-]+\\.)+[a-z]{2,6}(?:\\/[^/#?\\n]+)+\\.(?:"+extpat+"))\\b";
  57.  
  58.   isImg = new RegExp(imgStrRgx, "gi");
  59.   re = new RegExp("(.[^\\n\\]\\[]+|^\\W|^)"+imgStrRgx+"([\\]\\[]+)?", "gim");
  60.   clog( re );
  61.  
  62.   if( re.test( textcontent ) ){
  63.     // let parse..
  64.     var parser = function parser(S, $1, $imglink, $3){
  65.       var sbf='', prefix = (isDefined($1) && $1 ? $1.toUpperCase() : '');
  66.       if( isUndefined($3) )
  67.         $3 = '';
  68.       if( isUndefined($1) )
  69.         $1 = '';
  70.  
  71.       clog("\nS="+S+';prefix='+prefix+';imglink='+$imglink+';$3='+$3+"\n");
  72.  
  73.       if( $3 && (!prefix || (prefix == '[URL=' && $3 == ']')) ){
  74.  
  75.         return S; // ignored
  76.  
  77.       }
  78.       else{
  79.         if( isImg.test(trimStr(S)) )
  80.           return S.replace(isImg, function(S, $$1){
  81.             return '[IMG]'+$$1+'[/IMG]';
  82.           });
  83.         else
  84.           return $1+'[IMG]'+($imglink ? $imglink : S)+'[/IMG]'+$3;
  85.       }
  86.     };
  87.  
  88.     var tmp = textcontent.replace(re, parser);
  89.     if( tmp != textcontent ) 
  90.       vBText.set( tmp );
  91.   }
  92. }
  93.  
  94.  
  95. // =====
  96. // START
  97. function start_Main(){
  98.   var par = gID(gvar.qr_identity);
  99.   var inp, span;
  100.  
  101.   if( par ){
  102.     // this span container needed if we have to wrap popup menu with absolute position
  103.     span = createEl('span', {style:'display:inline-block'});
  104.     Dom.add(span, par);
  105.  
  106.     inp = createEl('img', {id:'btn_autoimgbbcode', 'src':gvar.B.txtflip_gif, style:'vertical-align:bottom;', alt:'[imgautobbcode]', title:'IMG.AutoBBCode'});
  107.     _o('click', inp, function(e){return handleClick(e)} );
  108.     Dom.add(inp, span);
  109.   }
  110. }
  111.  
  112.  
  113.  
  114. // -
  115. // -
  116. // -
  117. // -
  118. //========= 
  119. // code below should adapting current QR Engine for this plugins works
  120. // leave code below as wot it is, as long you know what todo
  121. //========= Common Functions && Global Var Init ====
  122. // static routine
  123. function isDefined(x)   { return !(x == null && x !== null); }
  124. function isUndefined(x) { return x == null && x !== null; }
  125. function isString(x) { return (typeof(x)!='object' && typeof(x)!='function'); }
  126. function trimStr(x) { return x.replace(/^\s+|\s+$/g,""); };
  127.  
  128. function _o(m,e,f){Dom.Ev(e,m,function(e){typeof(f)=='function'?f(e):void(0)});}
  129. function gID(x) { return document.getElementById(x) }
  130. function addClass(cName, Obj){
  131.   if(cName=="") return;
  132.   var neocls = (Obj.className ? Obj.className : '');
  133.   if(neocls.indexOf(cName)!=-1) return;
  134.   neocls+=(neocls!=''?' ':'')+cName;
  135.   Obj.setAttribute('class', neocls);
  136. }
  137. function removeClass(cName, Obj){
  138.   if(cName=="") return;
  139.   var neocls = (Obj.className ? Obj.className : '');
  140.   neocls = trimStr ( neocls.replace(cName,"") ); // replace and trim
  141.   Obj.setAttribute('class', neocls);
  142. }
  143. function SimulateMouse(elem,event,preventDef) {
  144.   if(typeof(elem)!='object') return;
  145.   var evObj = document.createEvent('MouseEvents');
  146.   preventDef=(isDefined(preventDef) && preventDef ? true : false);
  147.   evObj.initEvent(event, preventDef, true);
  148.   try{elem.dispatchEvent(evObj);}
  149.   catch(e){}
  150. }
  151. function createEl(type, attrArray, html){
  152.  var node = document.createElement(type);
  153.  for (var attr in attrArray) 
  154.    if (attrArray.hasOwnProperty(attr))
  155.     node.setAttribute(attr, attrArray[attr]);
  156.  if(html) node.innerHTML = html;
  157.    return node;
  158. }
  159.  
  160. // Get Elements
  161. var $D=function (q, root, single) {
  162.   if (root && typeof root == 'string') {
  163.       root = $D(root, null, true);
  164.       if (!root) { return null; }
  165.   }
  166.   if( !q ) return false;
  167.   if ( typeof q == 'object') return q;
  168.   root = root || document;
  169.   if (q[0]=='/' || (q[0]=='.' && q[1]=='/')) {
  170.       if (single) { return document.evaluate(q, root, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; }
  171.       return document.evaluate(q, root, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  172.   }
  173.   else if (q[0]=='.') { return root.getElementsByClassName(q.substr(1)); }
  174.   else { return root.getElementById( (q[0]=='#' ? q.substr(1):q.substr(0)) ); }
  175.   return root.getElementsByTagName(q);
  176. };
  177. // utk add - remove element
  178. var Dom = {
  179.   g: function(el) {
  180.    if(!el) return false;
  181.    return ( isString(el) ? document.getElementById(el) : el );
  182.   },
  183.   add: function(el, dest) {    
  184.     var el = this.g(el);
  185.     var dest = this.g(dest);
  186.     if(el && dest) dest.appendChild(el);
  187.   },
  188.   remove: function(el) {
  189.     var el = this.g(el);
  190.     if(el && el.parentNode)
  191.       el.parentNode.removeChild(el);
  192.   },
  193.   Ev: function() {
  194.     if (window.addEventListener) {
  195.       return function(el, type, fn, ph) {
  196.         if(typeof(el)=='object')
  197.          this.g(el).addEventListener(type, function(e){fn(e);}, (isUndefined(ph) ? false : ph));
  198.       };      
  199.     }else if (window.attachEvent) {
  200.       return function(el, type, fn) {
  201.         var f = function() { fn.call(this.g(el), window.event); };
  202.         this.g(el).attachEvent('on' + type, f);
  203.       };
  204.     }
  205.   }()
  206. };
  207.  
  208. var _TEXT = {
  209.   e : null, eNat : null,
  210.   content   : "",
  211.   cursorPos   : [],
  212.   last_scrollTop: 0,
  213.   init: function() {
  214.     this.eNat = gID(gvar.tID);
  215.     this.content = this.eNat.value;
  216.     this.cursorPos = _TEXT.rearmPos(); // [start, end]
  217.     
  218.     this.last_scrollTop = gID(gvar.tID).scrollTop; // last scrolltop pos  
  219.     return this;
  220.   },
  221.   rearmPos: function(){ return [this.getCaretPos(), gID(gvar.tID).selectionEnd]; },
  222.   subStr: function(start, end){ return this.content.substring(start, end);},
  223.   set: function(value){
  224.     
  225.     gID(gvar.tID).value = this.content = value; 
  226.     _TEXT.setRows_Elastic();
  227.     _TEXT.init();
  228.  
  229.   },
  230.   wrapValue : function(tag, title){
  231.     var st2, start=this.cursorPos[0], end=this.cursorPos[1],bufValue;
  232.     tag = tag.toUpperCase();    
  233.     bufValue = this.subStr(0, start) + 
  234.       '['+tag+(title?'='+title:'')+']' + 
  235.       (start==end ? '' : this.subStr(start, end)) + 
  236.       '[/'+tag+']' + this.subStr(end, this.content.length);
  237.     
  238.     this.set(bufValue);
  239.     st2 = (start + ('['+tag+(title?'='+title:'')+']').length);
  240.     this.setCaretPos( st2, st2 + this.subStr(start, end).length );    
  241.     if(this.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  242.     return bufValue; 
  243.   },
  244.   add: function(text){ // used on fetch post only
  245.     var newline = '\n\n';
  246.     if( gID(gvar.tID).value != "" )
  247.       this.content+= newline;
  248.     gID(gvar.tID).value = ( this.content + text );
  249.     
  250.     setTimeout(function(){
  251.       _TEXT.lastfocus();
  252.     }, 200);
  253.   },
  254.   // ptpos stand to puretext position [start, end]
  255.   setValue : function(text, ptpos){
  256.     var start=this.cursorPos[0], end=this.cursorPos[1];
  257.     if(isUndefined(ptpos)) ptpos=[text.length,text.length];
  258.     if(start!=end) {
  259.       this.replaceSelected(text,ptpos);
  260.       return;
  261.     }
  262.     var bufValue = this.subStr(0, start) + text + this.subStr(start, this.content.length);
  263.     this.set(bufValue);
  264.     // fix chrome weird
  265.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  266.     if(_TEXT.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  267.     return bufValue; 
  268.   },
  269.   replaceSelected : function(text, ptpos){
  270.     var start=this.cursorPos[0], end=this.cursorPos[1];
  271.     if(start==end) return;    
  272.     var bufValue = this.subStr(0, start) + text + this.subStr(end, this.content.length);
  273.     this.set(bufValue);
  274.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  275.     if( _TEXT.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  276.   },
  277.   pracheck: function(foc){
  278.     if( isUndefined(foc) )
  279.       foc = true;
  280.     
  281.     _TEXT.setElastic(gvar.maxH_editor);
  282.     if( gID(gvar.tID).value !="" )
  283.       gID('clear_text').style.setProperty('display', 'block');
  284.     else
  285.       gID('clear_text').style.setProperty('display', 'none');
  286.     if(foc) setTimeout(function(){
  287.       _TEXT.focus();
  288.     }, 200);
  289.   },
  290.   focus: function(){ 
  291.     gID(gvar.tID).focus() 
  292.   },
  293.   lastfocus: function (){
  294.     var eText, nl, pos, txt = String(gID(gvar.tID).value); // use the actual content
  295.     pos = txt.length;   
  296.     nl = txt.split('\n');
  297.     nl = nl.length;
  298.     pos+= (nl * 2);   
  299.     eText = gID(gvar.tID);
  300.     if( eText.setSelectionRange ) {
  301.       _TEXT.focus();
  302.       eText.setSelectionRange(pos,pos);
  303.     }
  304.     setTimeout(function(){ _TEXT.focus() } , 310);
  305.   },
  306.   getSelectedText : function() {
  307.     return (this.cursorPos[0]==this.cursorPos[1]? '': this.subStr(this.cursorPos[0], this.cursorPos[1]) );
  308.   },
  309.   getCaretPos : function() {  
  310.     var CaretPos = 0;
  311.     //Mozilla/Firefox/Netscape 7+ support   
  312.     if(gID(gvar.tID))
  313.       if (gID(gvar.tID).selectionStart || gID(gvar.tID).selectionStart == '0')
  314.       CaretPos = gID(gvar.tID).selectionStart;
  315.     return CaretPos;
  316.   },  
  317.   setCaretPos : function (pos,end){
  318.     if(isUndefined(end)) end = pos;
  319.     if(gID(gvar.tID).setSelectionRange)    { // Firefox, Opera and Safari
  320.       this.focus();
  321.       gID(gvar.tID).setSelectionRange(pos,end);
  322.     }
  323.   },
  324.   setElastic: function(max,winrez){
  325.     var a, tid=gvar.tID;
  326.   
  327.     function setCols_Elastic(max){
  328.       var a=gID(tid); a.setAttribute("cols", Math.floor(a.clientWidth/7));
  329.       var w = Math.floor(a.clientWidth/7);
  330.       _TEXT.setRows_Elastic(max)
  331.     }
  332.     a= gID(tid) || gID(gvar.tID);
  333.     _TEXT.oflow='hidden';
  334.     a.setAttribute('style','visibility:hidden; overflow:'+_TEXT.oflow+';letter-spacing:0;line-height:14pt;'+(max?'max-height:'+(max-130)+'pt;':''));
  335.     if( !winrez ) gID(gvar.tID).keyup(function(){ setCols_Elastic(max) });
  336.     setCols_Elastic(max);
  337.   },
  338.   setRows_Elastic: function(max){
  339.     var a = gID(gvar.tID), c=a.cols, b=a.value.toString(), h;
  340.     b=b.replace(/(?:\r\n|\r|\n)/g,"\n");
  341.     for(var d=2,e=0,f=0;f<b.length;f++){
  342.       var g=b.charAt(f);e++;if(g=="\n"||e==c){d++;e=0}
  343.     }
  344.     h=(d*14); a.setAttribute("rows",d); a.style.height=h+"pt";
  345.     _TEXT.oflow = (max && (d*14>(max-130)) ? 'auto':'hidden');
  346.     a.style.setProperty('overflow', _TEXT.oflow, 'important');
  347.     gID(gvar.tID).style.setProperty('visibility', 'visible');
  348.   }
  349. };
  350.  
  351.  
  352. // ----my ge-debug--------
  353. function show_alert(msg, force) {
  354.   if(arguments.callee.counter) { arguments.callee.counter++; } else { arguments.callee.counter=1; }
  355.   GM_log('('+arguments.callee.counter+') '+msg);
  356.   if(force==0) { return; }
  357. }
  358. function clog(msg) {
  359.   if(!gvar.__DEBUG__) return;
  360.   show_alert(msg);
  361. }
  362.  
  363.  
  364.  
  365. // main resource
  366. var rSRC = {
  367.   getSetOf: function(type){
  368.     if(isUndefined(type)) return false;        
  369.     switch(type){
  370.       case "button":
  371.       return {
  372.         txtflip_gif : ""
  373.         +"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAAAAAB+u6HMAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94EEBANFPIrL+AAAABNSURBVBjTY/zPgAmYsIgxsDBUX0YT0m1lQeZuYrjMoFvFwMDCwCDmDBNczsDAcOWVOAMLA4NYJIruyzgsGiqCLAwMV/zQAoSBkejwBACJzwu9lnUAQAAAAABJRU5ErkJggg=="
  374.  
  375.       };
  376.       break;
  377.     }
  378.   }
  379.  
  380. };
  381. // -end static
  382. //========= 
  383.  
  384. function init(){
  385.     gvar.qr_identity= 'qr_plugins_container';
  386.     gvar.try_wait = 0;
  387.     gvar.try_max = 20;
  388.     gvar.sITry_wait= null;
  389.  
  390.     wait_for_qr();
  391. }
  392.  
  393. // make sure QR DOM is finished loaded
  394. function wait_for_qr(){
  395.   if( gvar.try_wait<gvar.try_max ){
  396.     if( !gID(gvar.qr_identity) ){
  397.       clog('IMG.AutoBBCode waiting.. ');
  398.       gvar.try_wait++;
  399.       gvar.sITry_wait = window.setTimeout(function() { wait_for_qr() }, 500);
  400.     }else{
  401.       clearTimeout( gvar.sITry_wait ); 
  402.       init_start();
  403.     }
  404.   }
  405. }
  406.  
  407. // ------
  408. init();
  409. // ------
  410.  
  411. })()
  412. /* tF. */