XenForo Как сделать шаблоны для ответа

<a class="button button--icon button--icon--bolt" id="autoResponseButton1"><span class="button-text">Кнопка 1</span></a>
<a class="button button--icon button--icon--bolt" id="autoResponseButton2"><span class="button-text">Кнопка 2</span></a>
<a class="button button--icon button--icon--bolt" id="autoResponseButton3"><span class="button-text">Кнопка 3</span></a>
<p>&nbsp;</p>
<script type="text/javascript">
    document.getElementById('autoResponseButton1').addEventListener('click', function() {
        insertTextIntoEditor('Text for Button 1');
    });

    document.getElementById('autoResponseButton2').addEventListener('click', function() {
        insertTextIntoEditor('Text for Button 2');
    });

    document.getElementById('autoResponseButton3').addEventListener('click', function() {
        insertTextIntoEditor('Text for Button 3');
    });

    function insertTextIntoEditor(text) {
        var editor = $('.fr-element')[0];

        if (editor) {
            editor.innerHTML += '<p>' + text + '</p>';
        }
    }
</script>