Главная » phpBB » Статьи о phpBB » Расширение функциональности phpBB3 » Добавление собственного BBCode в phpBB3 Olympus
Распечатать статью

Добавление собственного BBCode в phpBB3 Olympus

Краткий обзор

Эта статья объяснит Вам, как добавить собственный BBCode. phpBB3 Olympus имеет новую особенность, которая позволяет Вам добавлять свой собственный BBCode непосредственно в удобном интерфейсе админки — никакие моды или изменения кода больше не нужны! В то время, как у phpBB есть несколько самых популярных элементов BBCode’а, включенных по умолчанию, может наступить момент, когда Вы должны будете добавить свои собственные элементы. В конце этой статьи есть список наиболее нужных элементов BBCode’а для легкого копирования и внедрения, но сначала давайте рассмотрим процесс создания нового BBCode’а, таким образом Вы будете знать как это сделать.

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

Чтобы начать, просто зайдите в ACP (админку), потом кликните на Posting. Затем, кликните на BBCode слева. Так как Вы еще ничего не добавили, кликните на кнопке Add a new BBCode. Теперь Вы увидите 3 поля для ввода текста и checkbox. Поле BBCode usage предназначено для ввода BBCode’а, он будет доступен пользователям. В поле HTML replacement Вы вводите заменяемый HTML-код. Текстовое поле Help line используется для ввода подсказки по использованию нового элемента BBCode’а. Подсказки будут показываться при наведении пользователем мыши на соответствующий элемент BBCode’а в редакторе темы.Display on posting page позволяет Вам включать/выключать отображение элемента BBCode’а в окне редактора. Отключение отображения иконки элемента не отменяет использование BBCode’а. Пользователь все еще может ввести BBCode вручную.

Теперь давайте рассмотрим текстовое поле BBCode usage. Здесь Вы вводите в свой BBCode. Это довольно легко — все, что Вы должны сделать, это добавить Ваш собственный BBCode и символы (специальные слова, окруженные { и }). Специальная функция решает, где поместить Ваши символы, и нуждается ли Ваш новый BBCode в каких-нибудь дополнительных свойствах/аргументах . Давайте создадим очень простой [red] BBCode, который делает текст красным. Это выглядит так:

[red]{TEXT}[/red]

Вы можете использовать следующие символы:

{TEXT} - соответствует любому тексту
{NUMBER} - соответствует числам любой длины
{EMAIL} - соответствует корректному e-mail адресу
{URL} - соответствует корректному URL
{LOCAL_URL} - соответствует локальному (на этом же домене) URL
{COLOR} - соответствует цветовому коду, например #000000, или названию цвета, например black

Текстовое поле HTML replacement

В этом поле Вы вводите HTML для BBCode’а. Не забывайте заменять все символы, которые Вы используете в поле BBCode usage. Продолжая рассмотреный выше пример, в котором мы делаем текст красным с помощью [red] BBCode, используем эту замену HTML:

<span style=»color: red;»>{TEXT}</span>

Текстовое поле Help line

Это очень просто — вводите краткое описание Вашего BBCode’a, и/или то, что он делает.

Опция Display on posting page

Если Вы поставите этот флажок, то кнопка для этого BBCode’a не будет обнаруживаться в редакторе темы. Пожалуйста отметьте, что это не влияет на работу этого BBCode’а, а только скрывает его. Пользователи смогут вручную вводить BBCode. Если Вы решите не показывать кнопку BBCode’a, убедитесь, что предоставили возможность своим пользователям узнать об этом (сделайте объявление).

Прочие опции BBCode’a

Чтобы отредактировать BBCode, просто нажмите на иконку «Редактировать» в соответствующем разделе админки. Чтобы удалить BBCode, который Вам больше не нужен, просто кликните на иконке «Удалить». Помните, что при удалении BBCode’а, текст и символы BBCode’а останутся, но замена HTML будет также удалена. Другими словами, если Вы удалите BBCode, то Ваш красный текст больше не будет красным и будет просто отображаться как [red]text[/red].

Часто используемый BBCode

Просто скопируйте и вставьте этот BBCodes в Вашу админ-панель.

Google Video

BBCode usage:

[googlevideo]{NUMBER}[/googlevideo]

HTML replacement:

<object type=»application/x-shockwave-flash»
data=»http://video.google.com/googleplayer.swf?docId=-{NUMBER}»
width=»400″ height=»326″>
<param name=»movie»
value=»http://video.google.com/googleplayer.swf?docId=-{NUMBER}» />
<param name=»allowScriptAcess» value=»sameDomain» />
<param name=»quality» value=»best» />
<param name=»bgcolor» value=»#FFFFFF» />
<param name=»scale» value=»noScale» />
<param name=»salign» value=»TL» />
<param name=»FlashVars» value=»playerMode=embedded» />
</object>

Пример использования:

[googlevideo]video ID number[/googlevideo]

Center text

BBCode usage:

[center]{TEXT}[/center]

HTML replacement:

<div style=»text-align: center;»>{TEXT}</div>

Пример использования:

[center]centered text[/center]

Justify text

BBCode usage:

[justify]{TEXT}[/justify]

HTML replacement:

<p><div style=»text-align: justify;»>{TEXT}</div>

Пример использования:

[justify]justified text[/justify]
Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи