Код:

<!--ТЕГ абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

Пример работы парсера пользовательского тега с такими настройками. Расширенный пример.

Код:

[indent] Nulla suscipit velit non nisl tempor, ut convallis orci semper.

Будет разобран как

Код:

<p><span class="custom_tag custom_tag_indent"></span>Nulla suscipit velit non nisl tempor, ut convallis orci semper.</p>

Код:

<!--ТЕГ абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}
.custom_tag_indent {margin:1em 2.1em;}</style>
<script>
    MyBBCode.addEditorButton('indent', {
        name: "Красная строка",
        onclick: () => smile('[indent]'),
    }, 'left');
</script>

Пример работы парсера пользовательского тега с такими настройками. Расширенный пример.

Код:

[dumpapi=board.get]{"fields":"title,active_users"}[/dumpapi]

То есть параметр тега (в примере, board.get) указывает, какой метод необходимо вызвать, а содержимое ({"fields":"title,active_users"}) — дополнительные API-параметры в формате JSON.

Такой код будет обработан парсером MyBB следующим образом:

Код:

<div class="custom_tag custom_tag_dumpapi" alt="board.get" id="dumpapi-1"><p>{"fields":"title,active_users"}</p></div>

Код:

<script>
$('.post p:contains(dumpapi)').each(function() {
    $(this).html($(this).html()
        .replace(/\[dumpapi=(.*?)\](.*?)\[\/dumpapi\]/g,
        function(str, param, inner) { 
            // Восстанавливаем все символы из html-кода
            inner = $('<span></span>').html(inner).text();
        
            // Устанавливаем данные для загрузки
            var data = Object.assign({ method: param }, JSON.parse(inner));

            // Генерируем уникальный идентификатор
            var id = 'dumpapi-' + Math.ceil(Math.random() * 100000);
            
            // Загружаем данные
            $.ajax({
                method: 'get',
                url: '/api.php',
                data: data
            }).done((ajaxdata) => {
                // Имитация долгой загрузки данных
                setTimeout(() => {
                    $('#' + id).html('<pre>' + JSON.stringify(ajaxdata.response, null, 4) + '</pre>');
                }, 5000);
            });
            
            // Возвращаем временное значение
            return '<div id="' + id + '">Данные загружаются...</div>';
        }
    );
});
</script>

30 строк кода (можно меньше, но тогда всё станет ещё менее понятным.

Код:

<!-- Демонстрация работы инструмента для добавления bb-кодов -->
<script>
    MyBBCode.addTag('dumpapi', (elem, selector, set_html) => {
        let data = Object.assign({ method: elem.attr('alt') }, JSON.parse(elem.text()));
        
        // Устанавливаем стандартный текст-заглушку
        set_html(false);
        
        $.ajax({
            method: 'get',
            url: '/api.php',
            data: data
        }).done((ajaxdata) => {
            // Имитация долгой загрузки данных
            setTimeout(() => {
                set_html('<pre>' + JSON.stringify(ajaxdata.response, null, 4) + '</pre>');
            }, 5000);
        });
    });
</script>

17 строк кода, при этом значительно меньше кода требуется на то, что бы указать, что разбирается именно этот код. При этом этот код будет корректно работать, если он был загружен через AJAX, например, после редактирования сообщения.

Ссылка на оригинальный скрипт

Код:

<script>
/* Выделение кода в блоках code, новая версия, 29.04.2017 © Alex_63 / updated 08.08.2020 © */

function select_text(c) {
  var d = window.getSelection || document.getSelection;
  if (d) {
    var a = d();
    if (a.selectAllChildren) {
      a.selectAllChildren(c);
    } else if (a.setBaseAndExtent) {
      a.setBaseAndExtent(c, 0, c, c.innerText.length - 1)
    } else {
      var b = document.createRange();
      b.selectNodeContents(c);
      a.removeAllRanges();
      a.addRange(b)
    }
  } else if (document.selection) {
    var b = document.body.createTextRange();
    b.moveToElementText(c);
    b.select()
  }
}
select_text.linkText = 'Выделить код';
$().pun_mainReady(function() {
  var text = select_text.linkText ? select_text.linkText : 'Выделить код';
  var codeLegend = '<a href="javascript://" onclick="select_text($(this).parent().next().find(\'pre\').get(0));return!1">' + text + '</a>';
  $('.code-box .legend').html(codeLegend);
  $('.punbb').on('click', '.spoiler-box > div', function() {
    $(this).next('blockquote').find('.code-box .legend').html(codeLegend);
  })
});
</script>

Код:

<script>
    window.selectCode = (target) => {
        const rng = document.createRange();
        rng.selectNode(target);
        const sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(rng);
    }
    
    MyBBCode.addAdapter((container) => {
        $('.code-box .legend', container).empty().append('<a href="javascript://" onclick="selectCode($(this).parent().next().find(\'pre\').get(0));return!1">Выделить код</a> (<a href="javascript://" onclick="selectCode($(this).parent().next().find(\'pre\').get(0));document.execCommand('copy');return!1">скопировать сразу</a>)');
    });
</script>

Более короткий код для selectBox связан с тем, что другие ветки требуются для работы скрипта в старых браузерах, где не работает Selection API.

Код:

<template id="select-code-cite">
    <a href="javascript://" onclick="selectCodeBlock(this,false);return!1">Выделить код</a>
    (<a href="javascript://" onclick="selectCodeBlock(this,true);return!1">скопировать сразу</a>)
</template>
<script>
    window.selectCodeBlock = (a, copy) => {
        const target = $(a).parent().next().find('pre')[0];
        const rng = document.createRange();
        rng.selectNode(target);
        const sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(rng);
        if (copy) {
            document.execCommand('copy');
        }
    }
    
    MyBBCode.addAdapter((container) => {
        $('.code-box .legend', container).html($('template#select-code-cite').html());
    });
</script>