PunBB: Добавление нового BB кода
В замечательном форумном движке PunBB предусмотрены следующие BB-коды(BBCode):
[b]Полужирное начертание[/b]
выводит Полужирное начертание[u]Подчёркнутый текст[/u]
выводит Подчёркнутый текст[i]Текст курсивом[/i]
выводит Текст курсивомИ целый ряд других, кодов позволяющих форматировать текст сообщения любым образом. Но, что делать если требуется добавить собственный BB-код, например спойлер(который не предусмотрен движком)?
далее я опишу процесс добавления собственного BB-кода «Спойлера» (скрытый текст под ссыкой), при клике на ссылку блок скрывающий текст разворачивается и текст становится доступен для прочтения пользователями. Удобная функция для публикации контента второстепенной степени значимости или скрытого контента от не зарегистрированных пользователей.
Работать будем с движком форума версии 1.4 (но не думаю, что прием в других версиях будет сильно отличаться). И так поехали:
Идем в файл /include/parser.php, ищем функцию function preparse_tags и в строке 120, добавляем в массив $tags новое значение: spoiler.
Получим вот такой код:
$tags = array('quote', 'code', 'b', 'i', 'u', 'color', 'colour', 'url', 'email', 'img', 'list', '*', 'h','spoiler'); |
Далее ищем функцию, function do_bbcode, и встроке 753 добавляем:
$pattern[] = '#\[spoiler\](.*?)\[/spoiler\]#ms'; |
а в строке 760
$replace[] = '<a href="javascript://" class="openspoiler">Скрытый текст</a><div class="spoiler">$1</div>'; |
Получим вот такой код:
$pattern[] = '#\[b\](.*?)\[/b\]#ms'; $pattern[] = '#\[i\](.*?)\[/i\]#ms'; $pattern[] = '#\[u\](.*?)\[/u\]#ms'; $pattern[] = '#\[colou?r=([a-zA-Z]{3,20}|\#[0-9a-fA-F]{6}|\#[0-9a-fA-F]{3})](.*?)\[/colou?r\]#ms'; $pattern[] = '#\[h\](.*?)\[/h\]#ms'; $pattern[] = '#\[spoiler\](.*?)\[/spoiler\]#ms'; $replace[] = '<strong>$1</strong>'; $replace[] = '<em>$1</em>'; $replace[] = '<span class="bbu">$1</span>'; $replace[] = '<span style="color: $1">$2</span>'; $replace[] = '</p><h5>$1</h5><p>'; $replace[] = '<a href="javascript://" class="openspoiler">Скрытый текст</a><div class="spoiler">$1</div><p>'; |
На этом этапе добавление нового BBCode закончено, в том числе его обработка парсером форума. Теперь весь текст заключенный в BB-код [spoiler]пример текста[/spoiler] будем помещаться в блок дальше
<div class="spoiler">$1</div> |
, а он в свою очередь будет свернут.
Сворачивание блока по умолчанию, мы пропишем в свойствах CSS, в вашем шаблоне, пример /style/Oxygen/Oxygen.css в самый конец файла добавляем
div.spoiler {display:none;border:1px dotted #333;padding:10px;} .openspoiler {display:block;border:1px dotted #333;padding:10px;background:#fef0ea} |
Следующий шаг, добавляем JS скрипт, обработчик клика на ссылку «Скрытый текст», чтобы скрытый блок развернулся и мы увидели скрытый текст.
Для этого в тело шаблона добавляем следующий javaScript код
$(document).ready(function(){ $('.openspoiler').click(function(){ $(this).parent().next('.spoiler').toggle(); $(this).hide(); }); }); |
не забываем также подключить библиотеку jQuery, или установить плагин, который так и называется jQuery Plugin. (Для работы нашего JS кода)
После чего форум станет поддерживать новый BB код — Спойлер, при желании можно установить плагин\расширение — панельку BB-кодов(BBCode buttons 1.4.18) и вывести туда кнопку нашего нового кода.
Похожие записи
Оставить комментарий
Full Stack
Senior, Architect
предложить оффер
- jQuery: как получить значение атрибута?
- PHP работа с изображением, класс SimpleImage
- Интеграция с API ОСАГО сайта sravni.ru
- Комментарии на PHP, Ajax, mySQL
- PHP: Категории бесконечного уровня вложенности.
- Nginx редирект на другой сервис с сохранением URL спросил (а) Сергей
- Исполнитель пропал, почему такое случается и понять с кем работать? спросил (а) Артем
- Можно ли WordPress считать универсальным движком? спросил (а) Андрей
- Что такое самописный скрипт или CMS? спросил (а) Антон
- Как при поиске в linux используя grep, добавить исключения? спросил (а) Алексей
- Консольный скрипт(JavaScript) для автоматических заказов на OZON к записи
- Консольный скрипт(JavaScript) для автоматических заказов на OZON к записи
- Как создать Telegram-бота с авторизацией через сайт к записи
- PHP скрипт: каталог закладок на сайты к записи
- Валидация на PHP к записи
- Сколько зарабатывают в бизнесе на совместных покупках к записи
- Сколько зарабатывают в бизнесе на совместных покупках к записи
Archive
- +2024 (31)
- Декабрь 2024 (3)
- Ноябрь 2024 (13)
- Октябрь 2024 (8)
- Сентябрь 2024 (1)
- Август 2024 (5)
- Май 2024 (1)
- +2023 (27)
- Ноябрь 2023 (1)
- Октябрь 2023 (13)
- Сентябрь 2023 (10)
- Апрель 2023 (1)
- Март 2023 (1)
- Февраль 2023 (1)
- +2022 (21)
- Декабрь 2022 (11)
- Ноябрь 2022 (1)
- Май 2022 (2)
- Апрель 2022 (2)
- Март 2022 (3)
- Февраль 2022 (1)
- Январь 2022 (1)
- +2021 (17)
- Декабрь 2021 (5)
- Ноябрь 2021 (2)
- Июль 2021 (1)
- Июнь 2021 (2)
- Май 2021 (5)
- Апрель 2021 (1)
- Март 2021 (1)
- +2020 (20)
- Декабрь 2020 (6)
- Сентябрь 2020 (2)
- Август 2020 (1)
- Июль 2020 (2)
- Май 2020 (2)
- Апрель 2020 (2)
- Март 2020 (2)
- Февраль 2020 (1)
- Январь 2020 (2)
- +2019 (18)
- Декабрь 2019 (3)
- Ноябрь 2019 (2)
- Октябрь 2019 (2)
- Сентябрь 2019 (1)
- Август 2019 (2)
- Июль 2019 (1)
- Июнь 2019 (1)
- Апрель 2019 (2)
- Март 2019 (1)
- Февраль 2019 (3)
- +2018 (44)
- Декабрь 2018 (4)
- Ноябрь 2018 (7)
- Октябрь 2018 (8)
- Сентябрь 2018 (1)
- Август 2018 (4)
- Июль 2018 (5)
- Май 2018 (3)
- Апрель 2018 (7)
- Март 2018 (1)
- Февраль 2018 (2)
- Январь 2018 (2)
- +2017 (19)
- Декабрь 2017 (2)
- Ноябрь 2017 (1)
- Октябрь 2017 (1)
- Сентябрь 2017 (2)
- Июль 2017 (1)
- Июнь 2017 (1)
- Май 2017 (2)
- Апрель 2017 (3)
- Март 2017 (2)
- Февраль 2017 (1)
- Январь 2017 (3)
- +2016 (36)
- Декабрь 2016 (3)
- Ноябрь 2016 (3)
- Октябрь 2016 (2)
- Сентябрь 2016 (3)
- Август 2016 (7)
- Июнь 2016 (3)
- Май 2016 (3)
- Апрель 2016 (3)
- Февраль 2016 (1)
- Январь 2016 (8)
- +2015 (36)
- Ноябрь 2015 (5)
- Октябрь 2015 (4)
- Сентябрь 2015 (1)
- Август 2015 (8)
- Июнь 2015 (1)
- Май 2015 (4)
- Апрель 2015 (8)
- Март 2015 (3)
- Февраль 2015 (2)
- +2014 (26)
- Ноябрь 2014 (2)
- Октябрь 2014 (5)
- Сентябрь 2014 (6)
- Июль 2014 (1)
- Июнь 2014 (2)
- Май 2014 (3)
- Апрель 2014 (6)
- Февраль 2014 (1)
- +2013 (27)
- Декабрь 2013 (2)
- Ноябрь 2013 (1)
- Октябрь 2013 (1)
- Август 2013 (1)
- Июль 2013 (3)
- Июнь 2013 (10)
- Май 2013 (1)
- Апрель 2013 (2)
- Февраль 2013 (3)
- Январь 2013 (3)
- +2012 (41)
- Декабрь 2012 (2)
- Ноябрь 2012 (3)
- Октябрь 2012 (7)
- Сентябрь 2012 (2)
- Август 2012 (1)
- Июль 2012 (3)
- Июнь 2012 (2)
- Май 2012 (6)
- Апрель 2012 (2)
- Март 2012 (7)
- Февраль 2012 (5)
- Январь 2012 (1)
- +2011 (57)
- Декабрь 2011 (6)
- Ноябрь 2011 (2)
- Октябрь 2011 (3)
- Сентябрь 2011 (5)
- Август 2011 (4)
- Июль 2011 (3)
- Июнь 2011 (3)
- Май 2011 (3)
- Апрель 2011 (4)
- Март 2011 (10)
- Февраль 2011 (5)
- Январь 2011 (9)
- +2010 (43)
- Декабрь 2010 (7)
- Ноябрь 2010 (21)
- Октябрь 2010 (14)
- Сентябрь 2010 (1)
Свежие записи
- Пакетное добавление сайтов в панель ISP Manager 6 07.12.2024
- Обрезка документа PDF в Linux из PHP 06.12.2024
- Прокси веб-сервера Apache и nGinx 03.12.2024
- Настройка WebSocket на сайте для быстрого обмена данными 30.11.2024
- Подключение сайта к доставке DPD по API 28.11.2024