Создание красивого BB-кода [spoiler]

Создаем обработчик события BbCode, включая в цепочку свой обработчик:

PHP:

<?php
class XfRu_Spoiler_Listener_BbCode {
    public static function listen($class, array &$extend) {
        if ($class == 'XenForo_BbCode_Formatter_Base') {
            $extend[] = 'XfRu_Spoiler_BbCode_Formatter';
        }
    }
}

Этот файл должен называться BbCode.php и лежать в папке /library/XfRu/Spoiler/Listener.

Теперь пишем наш обработчик

PHP:

<?php
class XfRu_Spoiler_BbCode_Formatter extends XFCP_XfRu_Spoiler_BbCode_Formatter {

    protected $_tags;
    public function getTags() {
        $this->_tags = parent::getTags();
        $this->_tags['spoiler'] = array(
            'trimLeadingLinesAfter' => 1,
            'callback' => array($this, 'renderTagSpoiler')
        );
        return $this->_tags;
    }

    public function renderTagSpoiler(array $tag, array $rendererStates) {
        $content = $this->renderSubTree($tag['children'], $rendererStates);
        $spoiler = $tag['option'];
        if ($this->_view) {
            $template = $this->_view->createTemplateObject('XfRu_Spoiler_spoiler', array(
                'content' => $content,
                'spoiler' => $spoiler
            ));
            return $template->render();
        }
        else {
            $name = '<div>' . new XenForo_Phrase('spoiler_warning') . ($spoiler ? ': '.$spoiler : '') . '</div>';
            return '<blockquote>' . $name . $content . '</blockquote>';
        }
    }
}

Этот файл должен называться Formatter.php и лежать в папке /library/XfRu/Spoiler/BbCode

В принципе, все достаточно просто. Ищем тег

Спойлер

, затем определяем получаем настройкии смотрим, используется ли тег в варианте

Спойлер

или

Спойлер: text

. А затем обращаемся к шаблону XfRu_Spoiler_spoiler.

Создаем этот шаблон:

HTML:

<xen:require css="bb_code.css" />
<xen:require js="js/XfRu/Spoiler.js" />
<div class="bbCodeBlock bbCodeQuote bbCodeSpoiler">
    <aside>
        <div class="attribution type">
            <div style="float: right;">
                (<a href="#" class="spoilerToggle">{xen:phrase toggle_spoiler}</a>)
            </div>
            <b>{xen:phrase spoiler_warning}</b><xen:if is="{$spoiler}">: {$spoiler}</xen:if>
        </div>
        <blockquote class="spoilerContent">{xen:raw $content}</blockquote>
    </aside>
</div>

Шаблон очень прост. Он ссылается на небольшой файл Javascript Spoiler.js в папке js/XfRu. Создадим его:

Код:

/** @param {jQuery} $ jQuery Object */
!function($, window, document, _undefined){
    XenForo.Spoiler = function($spoiler) {
        var $content = $spoiler.find('.spoilerContent:first').hide();
        $spoiler.find('.spoilerToggle:first').click(function(e) {
            e.preventDefault();
            $content.toggle('slow');
        });
    }
    XenForo.register('.bbCodeSpoiler', 'XenForo.Spoiler');
}
(jQuery, this, document);

Этот код просто ищет все зоны спойлеров и прячет их. А затем связывает ссылку спойлера с функцией для реализации функционала "отобразить / спрятать". С таким подходом, если у пользователя отключен Javascript, он все равно увидит нужную информацию.

Вам понадобится также создать две фразы spoiler_warning, которая будет отображаться слева на заголовках всех спойлеров и toggle_spoiler, которая будет служить ссылкой с функционалом "развернуть / свернуть" спойлер.

Теперь нам нужно подключить к форуму созданные файлы. Для этого вам нужно перевести форум в режим разработки. Затем вам нужно создать Аддон для нашего тега Спойлер:


Затем вам нужно создать обработчик события:


Тег должен работать.

Оригинал.

 

Небольшое дополнение - фразу спойлера spoiler_warning желательно поместить в глобальный кеш фраз (указывается при создании фраз), т.к. она напрямую используется в коде, т.е. в некоторых случаях может быть никому не нужный доп запрос к базе (например при просмотре ленты последней активности, ленты поиска и т.д.)

 

Сделал себе данный спойлер, красиво, вопросов нет. Почти нет.

Дело в том, что при его использовании получается следующее:

После размещения сообщения вида

Спойлер

Hidden Text

всё отлично. Спойлер работает, а если перезагрузить страницу - опять вижу его неотформатированным (необработанным)

Включён файловый кеш - удалял.
Кеш из админки перестраивал. 0 реакции.

 

Дайте ссылку на ваш ресурс, пожалуйста.

 

http://wow-server.aplus.by/

 

А где там спойлер есть? В какой теме?

 

http://wow-server.aplus.by/threads/5708/

 

По-моему, у вас плагин неактивен. Я не вижу никакого соответствующего HTML или js в шапке.

 

Да нет, включён.
Ладно, спасибо, пойду искать где я лох

 

Может расскажете как например сделать ббкод на основе цитаты свой?

 

А этого в качестве примера недостаточно? Вам что нужно сделать конкретно?

 

Нужна рабочая версия на 1.1 линейку, без правки файлов движка и шаблонов

 

А где вы тут правку файлов движка увидели?) Всё что написано в статье - это равносильно установке отдельного аддона, разница только в том, что вы это делаете сами, а не средствами автоматики. Что, как следствие, позволяет понять элементарные правила создания своих собственных аддонов для Ксены)

Впрочем, в той же теме на оф. форуме выложили готовый аддон:
http://xenforo.com/community/threads/creating-a-beautiful-looking-spoiler-tag.17083/#post-241180

 

Пардон, я не туда отписался, нужен был мод first post on all pages рабочий

 

Добрый день. Спасибо Вам за ваши отличные посты и помощь. Мне бы хотелось получше разобраться как создавать bbcode в админке. По этому поводу нашла пример с wiki (<a href="Википедия — свободная энциклопедия{text}" target="_blank">{text}</a>). Но никакого описания что значит {text} и как это использовать не нашла. Методом тыка обнаружила, что можно использовать еще параметр {option}. Не очень понятно, также, зачем писать классы, если все можно настроить в админке, может для рендеринга? Может есть примеры или документация на эту тему?