bbcode.user.js

// ==UserScript==
// @name BB-codes
// @namespace userscripts_1024__
// @include *://govnokod.ru/*
// @include *://www.govnokod.ru/*
// @require https://code.jquery.com/jquery-1.4.min.js
// @version 1.4.2
// @grant none
// ==/UserScript==

(function($){

// Описание кнопок в формате ["что написано на кнопке", "что оно сделает с xxx"]
// или ["что написано на кнопке", функция, возвращающая строку
// или [строку, позицию курсора относительно начала этой строки]"]
// Можно добавить свои :)
var buttons = [
  ['<span style="color: green">[G]</span>', '[color=green]xxx[/color]'],
  ['[<b>B</b>]', '[b]xxx[/b]'],
  ['[<i>I</i>]', '[i]xxx[/i]'],
  ['[<s>S</s>]', '[s]xxx[/s]'],
  ['[<u>U</u>]', '[u]xxx[/u]'],
  ['[URL]', function(sel){
      sel = sel.replace(/\S{30}/g, '$&[i][/i]');
      var pre = '[color=blue][u]', post = '[/u][/color]';
      return [pre + sel + post, pre.length + sel.length];
  }],
  ['[big]', '[size=20]xxx[/size]'],
  ['[small]', '[size=10]xxx[/size]'],
  ['[code]', '[code]xxx[/code]'],
  ['[spoiler]', '[color=white]xxx[/color]'],
  ['[fatroll]',
              '[size=20][color=green][u][color=red][s][color=blue][b][i]xxx' +
              '[/i][/b][/color][/s][/color][/u][/color][/size]'],
  ['[quote]', function(sel){
      var s = window.getSelection();
      if(s.rangeCount < 1 || s.isCollapsed) return '';
      var range = s.getRangeAt(0);
      var nodes = range.cloneContents();
      
      function decodeNode(node, innerText) {
        switch(node.tagName) {
          case 'A': return '[color=blue][u]' + innerText + '[/u][/color]';
          
          case 'STRONG':
          case 'B':
            return '[b]' + innerText + '[/b]';
          
          case 'I': return '[i]' + innerText + '[/i]';
          
          case 'BR': return '\n';
          
          case 'H2': return '[size=20][b]' + innerText + '[/b][/size]';
          
          case 'PRE': return innerText + '\n';
          
          case 'CODE':
            if(node.className)
              return '[code=' + node.className.replace(/^\s+/,'') + ']\n' +
                innerText + '[/code]';
          
          case 'SPAN':
            switch(node.style.textDecoration) {
              case 'underline': return '[u]' + innerText + '[/u]';
              case 'line-through': return '[s]' + innerText + '[/s]';
              case 'blink': return '[blink]' + innerText + '[/blink]';
            }
            
            switch(node.style.color) {
              case 'white':
              case 'blue':
              case 'green':
              case 'red':
                return '[color=' + node.style.color + ']' +
                  innerText + '[/color]';
            }
            
            switch(node.style.fontSize) {
              case '10px': return '[size=10]' + innerText + '[/size]';
              case '15px': return '[size=15]' + innerText + '[/size]';
              case '20px': return '[size=20]' + innerText + '[/size]';
            }
            
            return innerText;
          
          case 'P':
          case 'DIV':
            return innerText + '\n';
          
          default: return innerText;
        }
      }
      
      function nodeToString(node, isPre) {
        return [].map.call(node.childNodes, function(node){
          if(node.nodeType === Node.TEXT_NODE)
            return isPre ? node.textContent :
              node.textContent.replace(/\s+/, ' ');
          
          return decodeNode(node,
            nodeToString(node, isPre && node.tagName === 'PRE'));
          
        }).join('');
      }
      
      function selectionToString(fragment, ancestor) {
        if(ancestor.nodeType === Node.TEXT_NODE)
          ancestor = ancestor.parentNode;
        return decodeNode(ancestor,
          nodeToString(fragment, ancestor.tagName === 'PRE'));
      }
      
      var quote = selectionToString(nodes, range.commonAncestorContainer)
        .replace(/(\r\n|\r|\n|^)(?!\s*\[code)/g, '$&>> ') + '\n';
      
      if($(nodes.childNodes).find('div.entry-comment-wrapper').length)
        return quote; // выделено больше одного комментария
      
      if($(s.anchorNode).closest('li.hcomment')
        .children('ul').children('li').children('form').length)
        return quote; // это комментарий, на который отвечаем
      
      var comment = $(s.anchorNode).closest('div.entry-comment-wrapper');
      if(!comment.length) return quote;
      return '[b]' + comment.find('.entry-author>a').text() + '[/b] в ' +
        '[color=blue][u]' + comment.find('a.comment-link').attr('href') +
        '[/u][/color] написал:\n' + quote;
  }],
  ['[shake]', function(sel) {
    function shakeChar(c) {
      if(/\s/.test(c)) return c;
      return [
        ['[u]X[/u]','[i]X[/i]','[b]X[/b]','[s]X[/s]','X'],
        ['[size=10]X[/size]','[size=15]X[/size]','[size=20]X[/size]','X'],
        ['[color=red]X[/color]','[color=blue]X[/color]','[color=green]X[/color]','X']
      ].reduce(function(c, choices) {
        var choice = choices[Math.random() * choices.length | 0];
        return choice.replace(/X/g, function(t){ return c; });
      }, c);
    }
    return sel.replace(/./g, shakeChar);
  }],
  // ['[capsbold]', function(sel){
    // sel = sel.toUpperCase();
    // return ['[b]' + sel + '[/b]', '[b]'.length + sel.length];
  // }]
];

function appendButtons() {
  var comment = document.querySelector('textarea#formElm_text');
  if(!comment) return;
  
  var info = comment.parentNode;

  if(info.querySelector('div.userscript-1024--bb-code')) return;
  var container = document.createElement('div');
  container.className = 'userscript-1024--bb-code';
  
  buttons.forEach(function(b){
    var name = b[0], code = b[1];
    var action = typeof code === 'function' ? code : function(sel){
      return code.replace('xxx', function(){ return sel; });
    };
    
    var button = document.createElement('a');
    button.innerHTML = name;
    button.href = '#';
    if(typeof code !== 'function') button.title = code;
    
    button.addEventListener('click', function(event){
      var start = comment.selectionStart, end = comment.selectionEnd;
      var pre = comment.value.substring(0, start);
      var sel = comment.value.substring(start, end);
      var post = comment.value.substring(end);
      
      var res = action(sel), newSel, pos;
      if(typeof res === 'string') {
        newSel = res;
        pos = res.length;
      } else {
        newSel = res[0];
        pos = res[1];
      }
      comment.value = pre + newSel + post;
      comment.selectionStart = comment.selectionEnd =
        typeof code === 'function' ?
          pre.length + pos :
          pre.length + code.replace(/xxx.*$/,'').length + sel.length;
      comment.focus();
      
      event.preventDefault();
    });
    
    container.appendChild(document.createTextNode(' '));
    container.appendChild(button);
  });
  
  info.appendChild(container);
}

appendButtons();
$('a.answer, h3>a').live('click', appendButtons);
$(document).ajaxComplete(appendButtons);

})(window.jQuery || window.$);