[FAQ] Пользовательские BBCode

[rxu]

База данных пользовательских BBCode на официальном сайте phpBB.

Вот ссылка на тему на официальном сайте, где приведены наиболее популярные пользовательские BBCode для phpBB3:

• Youtube
  • С полным URI
  • Только с videoID
• Google Video
  • С полным URI
  • Только с videoID
• Выравнивание (по центру, по правому краю, по левому краю)
  • По центру
  • По правому краю
  • По левому краю
• Горизонтальная линия
• Спойлер

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

Некоторые другие BBCode приведены в этой статье в базе знаний (на английском).


*****
RuTube.ru
Video.Mail.Ru (Хотя таблицу оттуда хорошо бы выкинуть)
Google map

устаревшее 

*****
От пользователя mau
Для изменения порядка BBCode установите мод Custom BBCode Sorting. (только для 3.0.х)

[Strigops]

Предлагаю обновленный код для видео на Mail.Ru

Что-то не хочет работать у меня этот бб-код. Может там какую-то особенную ссылку надо вставлять?

[evrus01]

Дисклеймер.

Я не помню откуда взял этот код и кто его автор. Просто делюсь решением, которое подходит мне.

Сабж.

Использование BBCode

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

[translate][/translate]

Замена HTML

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

<script>function googleSectionalElementInit() {new google.translate.SectionalElement({sectionalNodeClassName: 'content', controlNodeClassName: 'ggtranslate', background: 'transparent'}, 'google_sectional_element');}</script><script src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section&hl=ru"></script><div class="ggtranslate"></div>

Примечание 1.

Обратите внимание на фрагмент кода sectionalNodeClassName: 'content'. Здесь content это класс div'a который нам необходимо перевести (т.е. перевод будет применятьстя только к самому сообщению не затрагивая остальную страницу).

Примечание 2.

Скрипт виджета формирует класс .goog-te-sectional-gadget-checkbox-text, .goog-te-sectional-gadget-link-text.
Чтобы придать информативности, я поместил рядом с ссылкой небольшую иконку.

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

/*Google Translate*/
.goog-te-sectional-gadget-checkbox-text, .goog-te-sectional-gadget-link-text {
font-size: 12px !important;
background-image: url('путь к иконке');
background-position: 0 50%;
background-repeat: no-repeat;
padding: 0 30px;
} 

Иконка —

Подсказка:

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

Google Translate :[translate][/translate]

Как это работает: http://youtu.be/ARuzPOIGkLg (смотреть с качеством не менее 720 строк)
Демо: http://evrus.ts6.ru/viewtopic.php?f=98&p=9234#p9234

P.s. Если у вас ничего не работает, то я не знаю в чем проблема — у того парня все работает :) Поддержкой чего-либо я не занимаюсь.

[Sax]

подскажите код спойлера как на этом сайте. Спасибо.

[evrus01]

Он сделан через шаблон. Т.е. сам js:

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

/**
* Spoiler
*/
function spoiler(button) {
	var s = button.parentNode;
	if (s.className.indexOf('open') >= 0)
		s.className = 'spoiler';
	else
		s.className += ' open';
}

находится в forum_fn.js.

Sax, лучше поищите что-нибудь другое по способу реализации. ИМХО, конечно же.

[Dbonz]

Допустим, установлен такой BBCode:

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

[imagecap]{URL} {TEXT}[/imagecap]

Замена HTML

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

<div style="background-color: #F9F9F9;border: 1px solid #CCCCCC;padding: 3px;font: 11px/1.4em Arial, sans-serif;margin: 0.5em 0pt 0.5em 0.8em;width:452px;">
<img src="{URL}" style="vertical-align:middle;margin-bottom:3px;width:450px;height:350px;" title="Image" /><br />
<div style="text-align:center;">{TEXT}</div>
</div>

Получается что BBCode чувствителен к любому отступу или пробелу внутри от открывающего тега и/или пробелу между URL и текстом.
Отсюда вопросы:
1. Как сделать, чтобы при обновлении страницы предварительного просмотра или отправке сообщения URL автоматически прижимался к открывающему тегу в случае наличия пробелов аналогично использования стандартного:

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

[img](пробел)URL(пробел)[/img]

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

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

[imagecap]http://www.realhomeimprovement.net/wp-content/uploads/2011/05/flowers.jpg(пробел)[/imagecap]

3. Вопрос немного другого характера. Может не так искал, но ничего не нашел по такому случаю:

При введении любого тега по выделенному тексту или URL всегда выделяется заключённое в тег:

5dfcad6f7a9a.png

Как сделать, чтобы при введении тега всегда выделялось всё содержимое вместе с последним/внешним тегом:

3f56026d7cfd.png

P.S. Простите если повторился с вопросами и ответы где-то имеются в дебрях guru, но просто даже не представляю как ещё в поиск вбить это.

Версия phpBB: 3.0.10
Стиль: prosilver

[Jons]

Подскажите пожалуйста, как сделать чтобы на странице ответа пользовательские bbcode выводились не по алфавиту, а по bbcode_id

[Пчелкин]

https://www.phpbb.com/customise/db/mod/ ... e_sorting/

[Jons]

Спасибо.
Хотел плюсануть Пчёлкину, нажав на кнопку "Спасибо", но её здесь почему-то нет.

[МайскийЖук]

Кнопка «Спасибо» есть не во всех разделах. Например, в этом и в разделе «Флейм» она не включена.

[Jons]

Как вариант:

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

[ymaps]http://maps.yandex.ru/{TEXT1}ll={SIMPLETEXT1}%2C{SIMPLETEXT2}&{TEXT2}[/ymaps]

В замене HTML потом использовать переменные {SIMPLETEXT1}, {SIMPLETEXT2}

Новая ссылка на карту Яндекс:
http://maps.yandex.ru/-/CVenAL3H

И как должен выглядеть BBCode?
Ссылку из адресной строки не предлагать, она не отслеживает ЗУМ и Текущие координаты карты при передвежении её пользователем относительно начальной точки.

Куда делась старая ссылка?

[Jons]

Написал этим балбесам предложение вернуть старую ссылку на страницу Яндекс.Карты

[Пчелкин]

Я тож писал...бестолку...потому как балбесы...

[Jons]

Пчёлкин, в файле Custom BBCode Sorting, в файле language/en/acp/common.php добавляется код:

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

// BEGIN Custom BBCode Sorting
$lang = array_merge($lang, array(
	'ON_POSTING'		=> 'На странице ответа',
));
// END Custom BBCode Sorting

Не пойму, где в админ. панели должен появиться текст "На странице ответа" (мой перевод фразы 'On Posting Page')?

Добавлено спустя 53 секунды:
правлю конечно language/ru/acp/common.php

Добавлено спустя 1 час 7 минут 57 секунд:
А, нашёл:

112233.jpg

Правда, не пойму, почему столбец с этой надписью шире чем остальные.

[Пчелкин]

Потому что это резинка с фиксированными столбцами первым и последним...его класс всегда 100%

[lesha20]

Подскажите пожалуйста, как сделать, чтобы одиночные теги тоже обрабатывались
[*]1 => <li>1
[*]2 => <li>2
[hr] => <hr />