1 Topic by rakard (edited by PunBB 2016.12.09 21:34)

Topic: {TEST} Свои BBcode

Много думал по поводу редактора в PunBB. Он прост, удобен и всем меня устраивает, кроме одного - мало ББкодов. И мне, кажется, что так думаю не я один.

И тут есть два варианта:
1. Каждый раз делать новое расширение под нужные коды.
2. Сделать расширение позволяющее добавлять свои коды.

Второй вариант, на мой взгляд имеет наибольшее количество плюсов:
1.Добавление любых нужных кодов.
2.Можно сделать на форуме  библиотеку готовых кодов, для тех кто ничего в этом не понимает.
3.Обновлять нужно только одно расширение, а не целый зоопарк.
4.На просьбу о добавление кода, можно просто дополнять библиотеку.

Я знаю, что уже есть подобное расширение, но оно давно не обновлялось и не дает того функционала, которого хочется. А хочется следующего:
1.Добавление самого [ББкода] и того кода, что будет его заменять. (уже есть в HM Easy BBcodes)
2.Возможность добавлять графическую кнопку к своему ББкоду на панель редактора.
3.Если ББкод, подразумевает какое либо оформление - возможность подключения к нему свое стиля.
4.Возможность для выборочных ББкодов, назначать права на использование. Например только модераторами (для визуального выделения своего текста в сообщениях пользователя).

Ну и если вообще мечтать, то реализовать в редакторе еще и подсветку ББкодов.

Вот такие вот мечты Default/bv

2

2 Reply by PunBB (edited by PunBB 2016.11.29 08:47)

Re: {TEST} Свои BBcode

rakard, молодец! хорошо, подробно и понятно описал  Default/ay
Что ж... попробуем что нибудь сделать  PunBB_INFO_ICQ/smile
----------------------
Начнем писать, и тестировать. Если у кого есть пожелания - пишите сюда.

3 Reply by PunBB (edited by PunBB 2018.03.02 09:36)

Re: {TEST} Свои BBcode

вот сам каркас. Скачать расширение Pan BBcode

пока расширение создает список ББкодов и только настройки. Админка - Настройки. Можно назначать иконку на кнопку.
Если такой вариант устраивает, то двигаемся дальше ))

1

4 Reply by rakard (edited by rakard 2016.11.30 20:13)

Re: {TEST} Свои BBcode

Примеры стоит добавить к описанию под полем:
https://punbb.softplaza.net/uploads/images/2016/12/01/screenshot_1.jpg

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

Пример кода для замены также стоит поместить под поле в качестве описания, а то он пропадает. Также там можно добавить ссылку на тему форума с библиотекой готовых кодов (на будущее).

Иконка назначается, но я так понимаю в панель еще не добавляется.

При создании кодов:

<p align="center">$1</p>
или
<div align="center">$1</div>

происходит ошибка:

Warning: preg_replace_callback() [function.preg-replace-callback]: Empty regular expression in D:\apps\development\openserver\domains\test-punbb.lc\include\parser.php on line 811

Да я знаю, что данное написание стилей уже устарело, поэтому надеюсь на возможность подключения CSS к тегам.

При исправлении имеющегося кода, не отображается уже существующая иконка, хотя она уже была назначена:
https://punbb.softplaza.net/uploads/images/2016/12/01/screenshot_2.jpg

А так да, такой вариант вполне устраивает.

$matches[1]

Кстати, может реализовать расширение не как дополнение к официальному pun_bbcode, а как альтернативу ему?
Иногда проще сделать новое, чем править старое, но тут вам как разработчикам виднее.

5 Reply by PunBB

Re: {TEST} Свои BBcode

rakard wrote:

Кстати, может реализовать расширение не как дополнение к официальному pun_bbcode, а как альтернативу ему

я бы с удовольствием, но дело в том, что многие расширения зависят именно от pun_bbcode

6 Reply by Xakker

Re: {TEST} Свои BBcode

Посмотрите тему на форуме моральной поддержки. Может 2й велосипед уже и не понадобиться ))

Xakker's Website

7 Reply by PunBB

Re: {TEST} Свои BBcode

Xakker wrote:

Посмотрите тему на форуме моральной поддержки. Может 2й велосипед уже и не понадобиться ))

Xakker, да если б же функционал добавления бб кодов изначально был встроен в движок, то кому все это нужно было бы. Чтобы можно было бы добавить любую кнопку..
Просто отдельным расширением чем удобно, так тем что у всех свои цели использования да и вкусы тоже...

8 Reply by PunBB (edited by PunBB 2016.12.06 02:49)

Re: {TEST} Свои BBcode

Я так подумал, а почему бы не использовать совсем другой парсер ББ кодов? И желательно в виде класса.
Тогда можно не зависеть от официального парсера.

Кто нибудь знает хороший класс парсера?

9 Reply by Xakker (edited by Xakker 2016.12.06 07:09)

Re: {TEST} Свои BBcode

Вот на хабре неплохой парсер нашел но только некоторые коды нужно будет добавить. Например h

Класс парсера

Для генерации тегов на панель тоже свой класс нужен, чтобы можно было добавлять свои кнопки.

Xakker's Website

1

10 Reply by PunBB (edited by PunBB 2018.03.02 09:36)

Re: {TEST} Свои BBcode

Xakker wrote:

Для генерации тегов на панель тоже свой класс нужен, чтобы можно было добавлять свои кнопки.

даа, их не так уж и много.. готовых. Самому лень писать.

Ладно, пока с парсером повременим. Вот выкладываю в репозиторий сырую версию расширения. Хотя желаемые теги пока что оно парсить не может, но расширение уже позволяет добавлять свои кнопки вместе с иконкой на панель бб кодов.

ВАЖНО;
1 Переустанавливайте каждый раз это расширение до тех пор пока не выйдет релиз
2 Так как пока что нет толкового парсера, то расширение будет привязано к панели ББ кодов, оно от него зависит.

Жду критики  PunBB_INFO_ICQ/wink

Скачать расширение Pan BBcode

11 Reply by YT007

Re: {TEST} Свои BBcode

Xakker, а разве в парсере  самого движка punbb нет этого тега?

$matches[2]

Если вас никто не критикует – значит успеха вы еще не добились.

12 Reply by Xakker

Re: {TEST} Свои BBcode

Да, точно. Я и забыл про него. Да и никогда им не пользовался  Default/bk

Xakker's Website

13 Reply by PunBB (edited by PunBB 2016.12.07 10:16)

Re: {TEST} Свои BBcode

Обновил расширение:
+ добавлен парсер следующих тегов
+ в пу при незагруженной картинке отображается первая буква тега

Должен парсить следующие теги:

center, left, right, justify, s, hide, hr, key, audio, spoiler, youtube, font, size

требуется тестирование. На вложенности так же.

14 Reply by Dennis

Re: {TEST} Свои BBcode

PunBB, что то из всех приведенных только зачеркнутый текст работает. Остальные совсем без изменений

15 Reply by PunBB (edited by PunBB 2016.12.07 23:51)

Re: {TEST} Свои BBcode

Dennis wrote:

PunBB, что то из всех приведенных только зачеркнутый текст работает. Остальные совсем без изменений

да я уже заметил ))
Вот поправил некоторые теги. Сейчас умеют делать следующее:

https://punbb.softplaza.net/uploads/images/2016/12/07/screenshot.2016-12-07_20.06.34.png

Без труда расположить картинку или текст по центру

https://punbb.softplaza.net/uploads/images/2016/12/07/screenshot.2016-12-07_20.07.57.png

Располагать текст по правому краю, задавать размер шрифта (используется доп атрибут  size=18)
https://punbb.softplaza.net/uploads/images/2016/12/07/screenshot.2016-12-07_20.08.14.png

а так же скрытый и развернутый текст. Смайлы не трогает. Все ок.  PunBB_INFO_ICQ/smile

Какие еще теги нужно парсить? Пишите, куда все пропали то?

Кстати, смотрите весь список тегов

16 Reply by Dennis

Re: {TEST} Свои BBcode

Огого! Вот это крутотень!  Default/bo  Проверил, все работает. Правда я так и не понял для чего поля Парсера и Замены тегов нужны?
Ну в любом случае, большое вам спасибо!

17 Reply by YT007

Re: {TEST} Свои BBcode

PunBB wrote:

Какие еще теги нужно парсить? Пишите, куда все пропали то?
Кстати, смотрите весь список тегов

PunBB, а как на счет того, чтобы добавить теги для создания таблиц ?

<table>
  <tr>
    <td></td><td></td>
  </tr>
</table>
Если вас никто не критикует – значит успеха вы еще не добились.

18 Reply by PunBB

Re: {TEST} Свои BBcode

Dennis wrote:

Правда я так и не понял для чего поля Парсера и Замены тегов нужны?

в будущем понадобится для вставки фреймов, видео, твитов и прочей каши...

YT007 wrote:

PunBB, а как на счет того, чтобы добавить теги для создания таблиц ?

Могу добавить. Только кому это нужно, сидеть выводить теги для таблицы  PunBB_INFO_ICQ/smile
И кстати, табличная верстка в PunBB садится очень криво. Так что если есть желание поюзать CSS, то запасайся терпением ))

19 Reply by rakard (edited by rakard 2016.12.07 22:04)

Re: {TEST} Свои BBcode

PunBB wrote:

Какие еще теги нужно парсить? Пишите, куда все пропали то?

Все тут, тестируем.

PunBB wrote:

Могу добавить. Только кому это нужно, сидеть выводить теги для таблицы

Ну например для форматирования сообщения: справа картинка - слева текст. И тому подобное, не считая простеньких таблиц.

20 Reply by PunBB

Re: {TEST} Свои BBcode

rakard wrote:

И тому подобное, не считая простеньких таблиц.

Добавил теги для таблицы. В том числе <thead>  и  <tbody>

21 Reply by rakard (edited by rakard 2016.12.08 01:23)

Re: {TEST} Свои BBcode

После установки расширения, при попытке создания темы или ее чтения (видать подгружается редактор) выдает следующую ошибку:

Parse error: syntax error, unexpected '[' in D:\apps\development\openserver\domains\test-punbb.lc\extensions\pan_bbcode\parser.php on line 28

22 Reply by PunBB

Re: {TEST} Свои BBcode

rakard wrote:

Ну например для форматирования сообщения: справа картинка - слева текст.

добавил расположение картинки. Будьте внимательны, чтобы это работало. отключите гиперссылки в настройках. Потом сделаю как надо, пока для тестирования выложил.

Вот будет смотреться на компьютере
https://punbb.softplaza.net/uploads/images/2016/12/08/screenshot.2016-12-08_11.16.41.png

а так на мобильных устройствах

https://punbb.softplaza.net/uploads/images/2016/12/08/screenshot.2016-12-08_11.17.51.png

вот на данный момент доступные теги на панели ББ кодов

https://punbb.softplaza.net/uploads/images/2016/12/08/screenshot.2016-12-08_11.18.17.png

Внимание! К тегу присвоен класс, поэтому более точно настроить стили как для левой так и для правой картинки можно в файле стилей. Установил размер картинки в процентном соотношении, тк считаю это наилучшим компромиссом между различными разрешениями экранов.

$matches[1]

rakard wrote:

После установки расширения, при попытке создания темы или ее чтения (видать подгружается редактор) выдает следующую ошибку:

может не закрыт тег скобками? [   ]

23 Reply by rakard

Re: {TEST} Свои BBcode

PunBB wrote:

может не закрыт тег скобками? [   ]

При создании новой темы? Да и не добавлял я своих кодов. Вот установленные расширения:


https://punbb.softplaza.net/uploads/images/2016/12/08/screenshot_1.png

24 Reply by PunBB

Re: {TEST} Свои BBcode

rakard wrote:

Parse error: syntax error, unexpected '[' in D:\apps\development\openserver\domains\test-punbb.lc\extensions\pan_bbcode\parser.php on line 28

В само файле не закрыт, хотя странно, смотрел все закрыты. Попробуйте удалить расширение (все файлы расширения), скачать новое и установить заново

25 Reply by rakard

Re: {TEST} Свои BBcode

На новом:

Parse error: syntax error, unexpected '[' in D:\apps\development\openserver\domains\test-punbb.lc\extensions\pan_bbcode\parser.php on line 23

26 Reply by PunBB

Re: {TEST} Свои BBcode

Попробуйте поменять сам парсер
This content is available only to registered users.

27 Reply by rakard

Re: {TEST} Свои BBcode

Parse error: syntax error, unexpected '[', expecting ')' in D:\apps\development\openserver\domains\test-punbb.lc\extensions\pan_bbcode\parser.php on line 146

28 Reply by PunBB

Re: {TEST} Свои BBcode

проверка на незакрытые теги, выдает ошибку. отключил на время

только парсер
This content is available only to registered users.

29 Reply by rakard

Re: {TEST} Свои BBcode

https://punbb.softplaza.net/uploads/images/2016/12/08/screenshot_2.png

А где кнопки?

30 Reply by PunBB (edited by PunBB 2017.12.14 08:22)

Re: {TEST} Свои BBcode

так самому создавать нужно PunBB_INFO_ICQ/bigsmile
Кому то может нужны только несколько, а кому то вообще одна.
Вставяешь тег и описание, и картинку при желании

31 Reply by rakard

Re: {TEST} Свои BBcode

Ой! Сам же вроде и просил PunBB_INFO_ICQ/bigsmile

32 Reply by YT007

Re: {TEST} Свои BBcode

PunBB, вы написали хороший парсер тегов, но в нем используется функция nl2br(), которая добавляет html тег <br> (перевод строки), что неактуально в punbb. Для перевода строк используется тег параграфа <p> какойто текст</p>
Мне кажется, лучше пепеписать парсер и делать это как официальный парсер это делает.  Default/ah

Если вас никто не критикует – значит успеха вы еще не добились.

33 Reply by PunBB

Re: {TEST} Свои BBcode

YT007 wrote:

вы написали хороший парсер тегов, но в нем используется функция nl2br(),

Да, я видел. Тег br работает, просто парсер всавляет их очень много, особенно можно это заметить, если создать таблицу. Открываешь исходник, сразу видно откуда ноги растут...

Это не мой парсер, Хаккер ссылку дал. Нужен был хоть какой то, чтобы сдвинуть развитие расширения с мертвой точки.

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

Вообще у меня в планах поднять и переписать устаревшее официально расширение визуального редактора. Сейчас в нем куча ошибок и требует переписать некоторые регулярки.
Затем наши бб теги настроить для нормальной совместимости с расширениями pun_bbcode и визуальным редактором.

34 Reply by Xakker

Re: {TEST} Свои BBcode

PunBB, сделал сортировку кнопок. Принимай измененные файлы!

This content is available only to registered users.

Xakker's Website

1

35 Reply by PunBB (edited by PunBB 2016.12.09 07:25)

Re: {TEST} Свои BBcode

Xakker, хорошая работа, добавил. Тестируем. Думаю многим эта функция пригодится  PunBB_INFO_ICQ/smile
-----------------

Добавлена также поддержка тегов:
font=,  <sup>,  <sub>,   <hr /> и youtube (вставлять только айди видео)

36 Reply by rakard

Re: {TEST} Свои BBcode

Вместо "Имя HTML тега" наверное правильнее написать "Имя ББ кода"

При наведении на примеры курсор меняется на "руку":
https://punbb.softplaza.net/uploads/images/2016/12/09/2016-12-09_085054.png
Так и задумано? Может по нажатию копировать пример в буфер обмена?

Иконка не отображается в редакторе:
https://punbb.softplaza.net/uploads/images/2016/12/09/2016-12-09_090126.png
https://punbb.softplaza.net/uploads/images/2016/12/09/2016-12-09_090141.png

После удаления в поле "Стили" сведений об иконке она не пропадает. Приходится создавать ББкод заново.

Далее, имеем такую картину:
https://punbb.softplaza.net/uploads/images/2016/12/09/2016-12-09_092058.png
ссылка на правку тега выравнивания по центру:

http://test-punbb.lc/admin/settings.php?section=pan_bbcode&act=edit&id=2

ссылка на правку тега выравнивания по ширине:

http://test-punbb.lc/admin/settings.php?section=pan_bbcode&act=edit&id=3

Нажимаем править тег выравнивания по ширине и видим:
https://punbb.softplaza.net/uploads/images/2016/12/09/2016-12-09_092331.png

При установки галочки "Показывать всплывающее окно для вставки значения" в теге выравнивания текста по центру (для теста) ничего не происходит.

37 Reply by PunBB (edited by PunBB 2016.12.09 00:42)

Re: {TEST} Свои BBcode

rakard wrote:

После удаления в поле "Стили" сведений об иконке она не пропадает. Приходится создавать ББкод заново.

Так это логично, потому что на любой бб код ссылка на изображение может быть привязана только через стили по id формы.
Вообще, должно автоматически прописывать стили и связывать айди с урлом иконки.
Нет стилей, нет иконки.
Можно привязать любой урл, необязательно ее загружать. Можно так же использовать иконочный шрифт, что является наилучшим решением, да и страница чуть быстрей будет загружаться.
Форму загрузки иконок добавил на крайний случай, если кто совсем не бум бум в CSS.

С остальным разберемся.

Планирую так же добавить:
- заменить тег video вместо youtube (сдеать универсальным для разных сервисов)
- блок своих смайлов (заменяемых)
- выпадающий список всех поддерживаемых тегов, и рядом поле ввода для своих тегов

38 Reply by rakard

Re: {TEST} Свои BBcode

PunBB wrote:

Можно так же использовать иконочный шрифт, что является наилучшим решением, да и страница чуть быстрей будет загружаться.

Действительно, хороший вариант.

39 Reply by PunBB (edited by PunBB 2018.03.02 09:38)

Re: {TEST} Свои BBcode

rakard wrote:

При установки галочки "Показывать всплывающее окно для вставки значения" в теге выравнивания текста по центру (для теста) ничего не происходит.

всплывающее окно - это планируемая функция, добавил пока, чтобы потом не забыть.
Суть такова: нажимаешь на кнопку, появляется рядом маленькое окошко куда вставить какой нибудь текст, ссылку или еще что то...
Но пока надо подумать как правильней сделать.

Если есть другие интересные и полезные предложения, пишите, рассмотрю все варианты ))

Устранил баг с неправильным айди при редактировании
Скачать расширение Pan BBcode

40 Reply by rakard

Re: {TEST} Свои BBcode

Ждем продолжения  PunBB_INFO_ICQ/smile

41 Reply by Xakker

Re: {TEST} Свои BBcode

PunBB wrote:

блок своих смайлов (заменяемых)

Я бы предложил использовать все же как и стандарт самих рожиц.
Потому что после использования стандартных смайлов на форуме и переключении на анимированные, можно заметить пробелы, некоторые смайлы не преобразуются.
А нужно чтобы:
1. Все стандартные смайлы преобразовывались
2. Подключать смайлы как отдельное расширение. Без них выводились стандартные (неанимированные)

Еще мысль в отношении кнопок. Как админу знать набор тегов? Может проще в настройках вывести готовую панель кнопок и настраивать порядок обычнымперетаскиванием?

Xakker's Website

42 Reply by PunBB

Re: {TEST} Свои BBcode

Что то я ничего не понял, что ты хочешь сказать про смайлики...
Перетаскивать то можно, но я не встречал готового решения на js и jquery.
Кажись, для этой реализации придется подключать UI, а мне бы этого не хотелось.
Кто через пару лет будет будет их переписывать?

43 Reply by Xakker

Re: {TEST} Свои BBcode

PunBB wrote:

Что то я ничего не понял, что ты хочешь сказать про смайлики...

Ну смотри, вот все хеши которые используются для смайлов по умолчанию в punbb:

PunBB_INFO_ICQ/smile
PunBB_INFO_ICQ/shock
Default/an
Default/neutral
PunBB_INFO_ICQ/sad
Default/sad
PunBB_INFO_ICQ/bigsmile
Default/big_smile
Default/yikes
Default/yikes
PunBB_INFO_ICQ/wink
Default/hmm
PunBB_INFO_ICQ/blum
Default/tongue
Default/lol
Default/mad
Default/roll
PunBB_INFO_ICQ/cool

Что мы видим?
Я предлагаю придерживаться стандарта punbb. Представь, если на форум с ~20к сообщений подключить эти смайлы....
Многие станут просто нечитаемы

Xakker's Website

1

44 Reply by PunBB

Re: {TEST} Свои BBcode

ох ты ж себе!...   Default/bu  опять переписывать эти смайлы  Default/bm

Xakker wrote:

Я предлагаю придерживаться стандарта punbb.

что бы придерживаться стандарта нужно все тщательно продумать. К примеру сколько всего расширений со смайлами?
которые реально используются.

В punbb иная политика, к примеру используются вначале и в конце двоеточия

:lol:

у смайлов из известных чатов символ звездочка *

*HELP*

Нужна ли поддержка обоих вариантов?

45 Reply by rakard

Re: {TEST} Свои BBcode

Что-то не соображу как тег HR прописать...

46 Reply by PunBB

Re: {TEST} Свои BBcode

rakard wrote:

Что-то не соображу как тег HR прописать...

тег работает, но только скрипт вставляет и замыкающий тег. т

только линия не будет отображаться. Она изначально скрыта в Oxygen по крайней мере

br, hr, .hr, .hidden {
    display: none;
}

Чтобы отобразить, в стиле ББкода прописать

.entry-content hr {
    display: block;
}

Ок. Это по ходу единственный тег у которого нет замыкания. Попробуем что нибудь сделать

47 Reply by Grand91

Re: {TEST} Свои BBcode

PunBB wrote:

Ок. Это по ходу единственный тег у которого нет замыкания. Попробуем что нибудь сделать

Есть какие-нибудь подвижки в этом направлении? Очень хотелось бы иметь возможность вставлять тег <hr> - и пользователи частенько просили, и самому периодически не хватает.

Grand91's Website

48 Reply by PunBB

Re: {TEST} Свои BBcode

Grand91 wrote:

Есть какие-нибудь подвижки в этом направлении?

зависит от востребованности пользователей. Что помимо тега еще нужно добавить? Перечислите.

49 Reply by Grand91

Re: {TEST} Свои BBcode

PunBB wrote:

Что помимо тега еще нужно добавить? Перечислите.

Лично мне больше ничего и не надо  PunBB_INFO_ICQ/smile
Хотел создать тему с вопросом, как добавить кнопку с этим ББкодом, но в поиске нашел эту тему.

Grand91's Website

1

50 Reply by PunBB (edited by PunBB 2018.03.02 09:39)

Re: {TEST} Свои BBcode

Grand91 wrote:

Хотел создать тему с вопросом, как добавить кнопку с этим ББкодом, но в поиске нашел эту тему.

Вот за это держи плюсик  PunBB_INFO_ICQ/smile  я гляну, но не сегодня. Надо довести лайки до ума.
[hr][/hr]

$matches[1]

Grand91, обновил расширение, добавил линию. Но вам нужно учесть некоторые особенности:
1. Скрипт ставит 2 тега  [hr ][/hr ] и открывающий и закрывающий, но текст внутри тега исчезнет.
2. В PunBB изначально везде скрыт этот тег, поэтому в поле стилей добавьте такой код

.entry-content hr {display: block;}

https://punbb.softplaza.net/uploads/images/2017/05/01/screenshot.2017-05-01_23.35.33.png


https://punbb.softplaza.net/uploads/images/2017/05/01/screenshot.2017-05-01_23.42.521.png



Скачать расширение Pan BBcode

1