Параметры виджета комментариев

Код виджета

Код виджета необходимо вставлять в HTML код страницы в то место где нужно вывести список комментариев.

Код виджета комментариев по умолчанию имеет следующий вид:

<div id="rcb-comments"></div>
<script type="text/javascript">
    RCB = window.RCB || []; RCB.push({widget:"Comments",id: 10});
    (function() {
        var RCBS = document.createElement("script");
        RCBS.type = "text/javascript"; RCBS.async = true;
        RCBS.src = "https://recobox.ru/widget/widget.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(RCBS, s.nextSibling);
    })();
</script>

где:

<div id="rcb-comments"></div>

HTML контейнер в котором будет инициализироваться виджет. Данный кусок кода не обязательно должен быть перед основным кодом, он может располагаться в любом месте на странице где нужно вывести комментарии. Атрибут id можно изменить на любой другой, но его нужно будет потом указать в настройках(см. ниже описание параметров).

RCB = window.RCB || [];

Создание переменной в который будет добавлена информация о виджете/виджетах.

RCB.push({widget:"Comments",id: 10});

В созданную ранее переменную добавлется информация о параметрах виджета.
В переменную можно добавлять сразу несколько виджетов:

RCB.push({widget:"Comments",id: 10});
RCB.push({widget:"Comments",id: 12, container: "other-comments"});
RCB.push({widget:"CommentsCount",id: 10});

Параметры виджета

RCB.push({
    widget:"Comments",
    id: 10,
    messages: {
        close: 'Комментирование закрыто!!!',
        commenting: 'Комментировать',
    }
})

RCB.push({
    widget:"Comments",
    id: 10,
    messages: function(messages) {
        console.log(messages);
    }
})

Callback функции

Пример вызова callback функции:

RCB.push({
    widget:"Comments",
    id: 10,
    addComment: function(comment) {
        // выполняем действие
    },
    loggedIn: function(user) {
        // выполняем действие
    }
})

AJAX загрузка виджета

Пример:

<div id="rcb-comments"></div>
<script type="text/javascript">
    (function() {
        var RCBS = document.createElement("script");
        RCBS.type = "text/javascript"; RCBS.async = true;
        RCBS.src = "https://recobox.ru/widget/widget.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(RCBS, s.nextSibling);
    })();
</script>
<script type="text/javascript">
var recoboxAjaxComments = function() {
    RCB = window.RCB || []; RCB.push({widget:"Comments",id: 10});
    Recobox.bootstrap(true);
};
</script>
<button onclick="recoboxAjaxComments()">Загрузить комментарии</button>