Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.

В данной версии:

• Порядок кнопок изменен, а также кнопки сгрупированы в соответствии с их функционалом

• Маркированны текст вынесен на отдельную кнопку вместо "дополнительно"

• Добавлена кнопка создания списка с несколькими типами списков на выбор

• Кнопка клавиатуры убрана, символы вынесены на отдельную кнопку

• HTML вынесен на отдельную кнопку вместо "дополнительно"

• Раскрывающиеся панельки с выбором тегов не закрываются после клика на выбранный тег: теперь можно без лишних кликов форматировать сразу весь текст сообщения без того, чтобы снова и снова кликать на выбор цвета, шрифта и т.п.

Вы можете сами редактировать и настраивать функционал: менять порядок кнопок, убирать лишние и ненужные, добавлять новые шрифты/цвета/символы, добавлять свои кастомные кнопки тегов и т.д.
Если у вас есть вопросы по настройке формы ответа, смело пишите комментарий - будем пополнять гайд.

ВНИМАНИЕ! многие скрипты дополнительных тегов по умолчанию добавляют кнопки в стандартную панель, которая скрыта скриптом. Оставьте здесь ссылку на ваш форум в топик, где могут отвечать гости - и мы подскажем вам как добавить ваши нестандартные функции в новую форму ответа.

Как убрать пробелы между кнопок?
замените код кнопок на такой:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

---

Как добавить шрифты?
найдите в коде комментарий: <!-- шрифты -->
внутри блока вставьте новую строчку:

<span style="font-family:НАЗВАНИЕ ШРИФТА" onclick="bbcode('[font=НАЗВАНИЕ ШРИФТА]','[/font]')">НАЗВАНИЕ ШРИФТА</span>

---

Как добавить цвета?
найдите в коде комментарий: <!-- цвета -->
внутри блока вставьте новую строчку:

<span style="background-color: цвет;" onclick="bbcode('[color=цвет]','[/color]')"></span>

---

Как добавить символы?
найдите в коде комментарий: <!-- символы -->
внутри блока вставьте новую строчку:

<span onclick="keyboard('символ')">символ</span>

---

Как добавить свои кнопки тегов?
Для того, чтобы добавить кнопку-иконку на панель найдите в коде комментарий <!-- кнопки начало --> и вставляйте кнопку внутрь блоков:

<span onclick="bbcode('открывающий тег','закрывающий тег');" title="Название тега">иконка</span>

Иконки вы можете подбирать тут: https://fonts.google.com/icons?icon.sty … rial+Icons
Пример:

Код:

<span onclick="bbcode('[block=class]','[/block]');" title="Блок">grid_view</span>

Чтобы добавить свою кнопку в раскрывающийся список, найдите в коде комментарий: <!-- Дополнительно --> и вставьте внутрь блока:

<span onclick="bbcode('открывающий тег','закрывающий тег');">Название тега</span>

Пример:

Код:

<span onclick="bbcode('[size=28][font=Bebas Neue]','[/font][/size]');">Заголовок</span>

---

Как добавить свою кнопку с раскрывающимся списком?
1. добавьте в нужное место на панели кнопку (см. выше - как добавить свои кнопки):

<span class="material-icons mylist-button" title="Название">иконка</span>

2. найдите в коде конец блока со списками </div><!-- раскрывающиеся списки --> и вставьте ПЕРЕД НИМ свой блок:

<!-- Название -->
    <div class="mylist container">
      тут будут кнопки
    </div>

3. добавьте в конец скрипта перед тегом </script> строчку:

$(".mylist-button").click(function() {$(".fo-lists .mylist").toggleClass('show');});

Если вам нужно несколько таких списков, то вместо красного селектора, нужно добавлять новый, например, mylist2, mylist3 и т.д.

Кнопки нужно вставлять внутрь блока раскрывающегося списка (см. выше - как добавить свои кнопки).

Как добавить смайлы из скриптов Дополнительные наборы смайлов на отдельных вкладках (JS, CSS)?
В версии от ромыча в самом конце поменять красное:

$('#button-smile').one('click',function(){...

на такое:

$('.smile-button').one('click',function(){...

В модификации от satsana & Deff поменять в этой строчке:

var a = $('#post #button-smile img').one('click', function(){

на такое:

var a = $('#post .smile-button').one('click', function(){

---

Как добавить кнопку шаблона?
Шаблоны - это функция, настраиваемая при создании форума (Администрирование - Форумы - Редактировать - Шаблон).

Если вы хотите добавить эту кнопку в панель кнопок, вставьте такой скрипт:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

красное - селектор кнопки, после которой произойдет вставка

Если вы хотите добавить эту кнопку в выпадающий список, вставьте такой скрипт:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

красное - селектор списка, в который произойдет вставка

---

Как вернуть стандартные кнопки в анкетах (Создание анкет и форм v2)?
Добавить в стиль:

Код:

.questionary-post #form-buttons table {display: block;}
.questionary-post #form-buttons #my-fo {display: none;}

Как заменить стандартные кнопки в анкетах (Создание анкет и форм v2) на иконки Material icons?
Добавить скрипт (формы > форма ответа):

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

добавить стиль:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.