[3.2] Назначение своего значка на bbcode

У вас есть идея для расширения функциональности phpBB? Расскажите о ней здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x/3.3.x | FAQ | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
t4p2
phpBB 2.0.0
Сообщения: 240
Зарегистрирован: 31.07.2015 1:43
Откуда: Okayma
Благодарил (а): 50 раз
Поблагодарили: 1 раз
Контактная информация:

[3.2] Назначение своего значка на bbcode

Сообщение t4p2 » 09.08.2019 0:10

Описание проблемы: Назначение своего значка на bbcode
Произведенные изменения, после которых начались неполадки: пока не производила изменения
Версия phpBB: 3.2.7
Используемые стили: prosilver
Используемые расширения: Upload Extensions
Версия PHP:: 7.2.10
Используемая СУБД и её версия: MySQL(i) 5.7.25
Ссылка на конференцию: http://forum.gamernet.ru
Есть ли у вас тестовый аккаунт: нет
Использовался ли поиск для решения проблемы: да
Если да, то какие запросы вы использовали: Замена bbcode на свой значек

Подскажите пожалуйста, как можно своему bbcode назначить свой значек?
Вот к примеру уже есть встроенный bbcode "Элемент списка: [*]текст" с картинкой звездочки.
Его код выглядит вот так вот:

Код: Выделить всё

<button type="button" class="button button-icon-only bbcode-asterisk" accesskey="y" name="addlistitem" value="[*]" onclick="bbstyle(-1)" title="Элемент списка: [*]текст"><i class="icon fa-asterisk fa-fw" aria-hidden="true"></i></button>
т.е. сам стиль, который отвечает за картинку bbcode-asterisk
Подскажите пожалуйста, как вот свой bbcode добавить, вот такой вот:

Код: Выделить всё

[image={NUMBER}]{URL}[/image]

Код: Выделить всё

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" width="{NUMBER}"  alt="" /></a>

Код: Выделить всё

Изображение с ограничением ширины: [image=ширина]адрес[/image]
- Ищy выход из Интеpнета...
Изображение

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11405
Зарегистрирован: 18.02.2007 19:01
Откуда: Рига, Латвия (страна-недоразумение)
Благодарил (а): 52 раза
Поблагодарили: 2534 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer » 09.08.2019 0:33

В файле colours.css добавить

Код: Выделить всё

.button.bbcode-image:before {
	content:"\f002";
	font-family: FontAwesome;
}
Вместо f002 прописать желаемое значение --> https://fontawesome.com/icons?d=gallery
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.

Аватара пользователя
t4p2
phpBB 2.0.0
Сообщения: 240
Зарегистрирован: 31.07.2015 1:43
Откуда: Okayma
Благодарил (а): 50 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 » 09.08.2019 1:03

Sheer писал(а):
09.08.2019 0:33
В файле colours.css добавить
Я в css не лезла, но попробовала сделать вот так вот:
Решила установить значек на bbcode spoiler
  1. Открыла \styles\prosilver\template\posting_buttons.html
    Нашла:

    Код: Выделить всё

    <!-- BEGIN custom_tags -->,
    Добавила перед:

    Код: Выделить всё

    ,'[spoiler]','[/spoiler]'
    Нашла:

    Код: Выделить всё

    var help_line = {
    Добавила с новой строки:

    Код: Выделить всё

    sp: '{L_BBCODE_SP_HELP}',
    Нашла:

    Код: Выделить всё

    <div id="format-buttons" class="format-buttons">
    Добавила с новой строки:

    Код: Выделить всё

    <button type="button" class="button button-icon-only bbcode-sp" accesskey="b" name="addbbcode0" value=" spoiler " onclick="bbstyle(22)" title="{L_BBCODE_SP_HELP}">
    		<i class="icon fa-plus-square fa-fw" aria-hidden="true"></i>
    	</button>
    Сохранила.
  2. Открыла \language\ru\posting.php
    Нашла:

    Код: Выделить всё

    'BBCODE_B_HELP'				=> 'Жирный текст: [b]текст[/b]',
    Добавила с новой строки:

    Код: Выделить всё

    'BBCODE_SP_HELP'				=> 'Вставить спойлер (скрытый текст): [spoiler]Текст[/spoiler] или [spoiler="Заголовок"]Текст[/spoiler]',
Значек добавился, но теперь где прописывается html?:

Код: Выделить всё

<div class="sp-wrap"><div class="sp-body" title="{INTTEXT}">{TEXT}</div></div>


Попробовать бы расширение сделать, что-бы так не мучаться.
- Ищy выход из Интеpнета...
Изображение

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9571
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 172 раза
Поблагодарили: 2650 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 » 09.08.2019 1:12

t4p2 писал(а):
09.08.2019 1:03
Попробовать бы расширение сделать
Вот то будет верный подход
prosilver в 3.2 править не надо

Аватара пользователя
t4p2
phpBB 2.0.0
Сообщения: 240
Зарегистрирован: 31.07.2015 1:43
Откуда: Okayma
Благодарил (а): 50 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 » 09.08.2019 1:20

Татьяна5 писал(а):
09.08.2019 1:12
Вот то будет верный подход
prosilver в 3.2 править не надо
я пока не разобралась как с этим кодом быть.
В BBCodes выглядит вот так вот:

Код: Выделить всё

[spoiler={INTTEXT;optional}]{TEXT}[/spoiler]

Код: Выделить всё

<div class="sp-wrap"><div class="sp-body" title="{INTTEXT}">{TEXT}</div></div>
т.е. где сперва вручную добавить, тогда вроде как понятно будет с чего начинать расширение создавать
п.с.: я не разу не создавала расширение, но много читала... много мануалов...
- Ищy выход из Интеpнета...
Изображение

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11405
Зарегистрирован: 18.02.2007 19:01
Откуда: Рига, Латвия (страна-недоразумение)
Благодарил (а): 52 раза
Поблагодарили: 2534 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer » 09.08.2019 1:22

t4p2 писал(а):
09.08.2019 1:03
Я в css не лезла
И совершенно напрасно. Ибо так проще.
Для bbcode spoiler по аналогии

Код: Выделить всё

.button.bbcode-spoiler:before {
    	content:"\f002";
    	font-family: FontAwesome;
}
Screenshot_1.png
Screenshot_2.png
Продвинутый метод: сделать микрорасширение, которое добавляло бы свой кастомеый css и прописывать в него классы по необходимости.
Вместо bbcode-spoiler в классе прописываете bbcode-имя_вашего_бб-кода, например bbcode-icode
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11405
Зарегистрирован: 18.02.2007 19:01
Откуда: Рига, Латвия (страна-недоразумение)
Благодарил (а): 52 раза
Поблагодарили: 2534 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer » 09.08.2019 1:31

Получите
ext.rar
(1.18 КБ) 12 скачиваний
В расширении в css добавлен класс для bb-кода sup

Код: Выделить всё

[sup]{TEXT}[/sup]

Код: Выделить всё

<sup style="vertical-align: super; font-size: smaller;">{TEXT}</sup>
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.

Аватара пользователя
t4p2
phpBB 2.0.0
Сообщения: 240
Зарегистрирован: 31.07.2015 1:43
Откуда: Okayma
Благодарил (а): 50 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 » 09.08.2019 1:41

Sheer писал(а):
09.08.2019 1:31
В расширении в css добавлен класс для bb-кода sup
так что-ли? :shock:
\ext\sheer\add_css\styles\all\theme\custom.css

Код: Выделить всё

.button.bbcode-sup:before {
	content:"\f002";
	font-family: FontAwesome;
}
.sup {
	    [sup]{TEXT}[/sup]
		<sup style="vertical-align: super; font-size: smaller;">{TEXT}</sup>
}
я что-то не поняла...
- Ищy выход из Интеpнета...
Изображение

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9571
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 172 раза
Поблагодарили: 2650 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 » 09.08.2019 1:42

t4p2 писал(а):
09.08.2019 1:20
где сперва вручную добавить
Потом наложатся ограничения от расширений, и, вполне возможно, придётся переделывать всё заново по-другому

Отправлено спустя 1 минуту 42 секунды:
t4p2 писал(а):
09.08.2019 1:41
так что-ли?
Нет
Вот это

Код: Выделить всё

.sup {
	    [sup]{TEXT}[/sup]
		<sup style="vertical-align: super; font-size: smaller;">{TEXT}</sup>
}
не нужно

Аватара пользователя
t4p2
phpBB 2.0.0
Сообщения: 240
Зарегистрирован: 31.07.2015 1:43
Откуда: Okayma
Благодарил (а): 50 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 » 09.08.2019 1:50

Я скачала ext.rar
Но никак не могу сообразить, как и куда вставить bbcode спойлера:

Код: Выделить всё

[spoiler={INTTEXT;optional}]{TEXT}[/spoiler]

Код: Выделить всё

<div class="sp-wrap"><div class="sp-body" title="{INTTEXT}">{TEXT}</div></div>
Sheer подсказал, что надо вставить в css в качестве класса...
ничего не выходит.... :|
- Ищy выход из Интеpнета...
Изображение

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9571
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 172 раза
Поблагодарили: 2650 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 » 09.08.2019 1:53

Посмотреть, что там за класс на кнопке спойлера, и записать его в css вместо bbcode-sup. Потом настроить css на свой вкус
t4p2 писал(а):
09.08.2019 1:50
как и куда вставить bbcode спойлера
В админке его создать. Больше никуда

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11405
Зарегистрирован: 18.02.2007 19:01
Откуда: Рига, Латвия (страна-недоразумение)
Благодарил (а): 52 раза
Поблагодарили: 2534 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer » 09.08.2019 1:55

t4p2 писал(а):
09.08.2019 1:50
как и куда вставить bbcode спойлера:
:facepalm: В админке, ядрена мама!
В \ext\sheer\add_css\styles\all\theme\custom.css
Добавить

Код: Выделить всё

    .button.bbcode-spoiler:before {
        	content:"\f005";
        	font-family: FontAwesome;
    }
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.

Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 9571
Зарегистрирован: 08.08.2011 2:02
Благодарил (а): 172 раза
Поблагодарили: 2650 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Татьяна5 » 09.08.2019 1:57

Пример где смотреть класс на спойлере отсюда
2019-08-09_015455.jpg

Аватара пользователя
Sheer
phpBB Guru
phpBB Guru
Сообщения: 11405
Зарегистрирован: 18.02.2007 19:01
Откуда: Рига, Латвия (страна-недоразумение)
Благодарил (а): 52 раза
Поблагодарили: 2534 раза
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение Sheer » 09.08.2019 1:58

Татьяна5 писал(а):
09.08.2019 1:57
де смотреть класс на спойлере
Я уже показывал. Нотоварищч не понимает :(

Отправлено спустя 2 минуты 58 секунд:
Любому кастомнуму бб-коду присваивается свой css-класс, который нигде не прописан. Используя расширение, в \ext\sheer\add_css\styles\all\theme\custom.css можно назначить класс любому bb-коду, исходя из его названия.
Кроме того, можно полностью перлопатить стиль, перекрасить, заменить логотип и т.д
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.

Аватара пользователя
t4p2
phpBB 2.0.0
Сообщения: 240
Зарегистрирован: 31.07.2015 1:43
Откуда: Okayma
Благодарил (а): 50 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [3.2] Назначение своего значка на bbcode

Сообщение t4p2 » 09.08.2019 2:02

Sheer писал(а):
09.08.2019 1:58
Я уже показывал. Нотоварищч не понимает :(
Да нет, Вы меня похоже просто не понимаете :)
Я хочу установить кнопку для сполера, кнопочку я уже выбрала: fa-plus-square

Если я делаю по вашему методу, то у меня картинка с надписью.. а я хочу просто картинку... ну как вот на этом форуме кнопка Жирный текст.
Отображается просто картинка, без надписи...

Отправлено спустя 6 минут 52 секунды:
Вот смотрите:
Изображение
Используя расширение от Sheer у меня выглядит под циферкой 2 на картинке... А я добиваюсь, что-бы выглядило как под циферкой 1. вот :roll:
- Ищy выход из Интеpнета...
Изображение

Ответить

Вернуться в «Запросы расширений для phpBB»