Что такое bbcode, для чего, как используют, функция примеры
Содержание:
- Quoting and outputting fixed-width text
- Список тегов
- Вступление
- Laravel installation
- Licence
- Теги BBcode работа с терминами
- Теги BBcode видео и других flash-объектов
- Виды тегов
- Defining BBCode tags plugins¶
- Форматирование текста
- Создание списков
- Как происходит замена Bbcode!?
- Basics
- Массивы BBcode для функции BBcode
- Showing images in posts
- Теги BBcode Картинки
- Показ изображений в сообщениях
- Text Formatting
- Creating Links
- Introduction
- Generating lists
Quoting and outputting fixed-width text
- Quoting text in replies
- There are two ways you can quote text, with a reference or without.
- When you utilise the Quote function to reply to a post on the board you should notice that the post text is added to the message window enclosed in a block. This method allows you to quote with a reference to a person or whatever else you choose to put! For example to quote a piece of text Mr. Blobby wrote you would enter:The text Mr. Blobby wrote would go hereThe resulting output will automatically add «Mr. Blobby wrote:» before the actual text. Remember you must include the quotation marks «» around the name you are quoting, they are not optional.
- The second method allows you to blindly quote something. To utilise this enclose the text in tags. When you view the message it will simply show the text within a quotation block.
- Outputting code or fixed width data
- If you want to output a piece of code or in fact anything that requires a fixed width, e.g. Courier type font you should enclose the text in tags, e.g.echo «This is some code»;All formatting used within tags is retained when you later view it.
Список тегов
-
— жирный текст. Аналог HTML-ного
<b>. Пример: «текст«. Результат:
«текст«. -
— курсивный текст. Аналог HTML-ного
<i>. Пример: «текст«. Результат:
«текст«. -
— подчеркнутый текст. Аналог
HTML-ного <u>. Пример: «текст«. Результат:
«текст». -
— зачеркивание текста. Аналог
HTML-ного <s>. Пример: «текст«. Результат:
«текст«. -
— стиль печатной машинки.
Аналог HTML-ного <tt>. Пример: «текст«. Результат:
«текст«. -
— нижний индекс. Аналог
HTML-ного <sub>. Пример: «текст«. Результат:
«текст«. -
— верхний индекс. Аналог
HTML-ного <sup>. Пример: «текст«. Результат:
«текст». -
— тег для цветового выделения
текста. При конвертации переводится в <font
color="...">. Пример: «текст«. Результат: «текст«. -
— тег для изменения
размера шрифта. При конвертации переводится в <font
size="...">. Пример: «текст«. Результат: «текст«. -
— аналог HTML-ного
<font>. Используется для установки шрифта.
Поддерживает также атрибуты color и size. Примеры:Код Результат текст текст текст текст -
— тег для создания списка. Аналог
HTML-ных <ul> и <ol>. При
конвертации переводится в <ul class="bb"> или
в <ol class="bb" type="...">. Единственный
вложенный тег — ,
который в свою очередь может иметь вложенные теги.
Примеры:Код Результат Код Результат Код Результат РазДваТри - Раз
- Два
- Три
РазДваТри - Раз
- Два
- Три
РазДваТри - Раз
- Два
- Три
-
— аналог HTML-ного
<li>. Может содержаться только в теге
. Автоматически
закрывается, если начинается очередной или если закрывается . При конвертации переводится в
<li class="bb">. Смотрите примеры в описании
. -
— выравниване текста по левому
() или правому
() краю, по
центру () или
по ширине (). При конвертации
переводится в <div align="...">. Пример:
«Текст, выровненный
по правому краю.«.
Результат:
Текст, выровненный по правому
краю. -
— ссылка. Аналог HTML-ного
<a>. Поддерживаются атрибуты title, name (для создания якорей) и
target, аналогичные
HTML-ным. Может быть использован в двух вариантах:
«адрес_ссылки» и
«текст
ссылки«. Если адрес ссылки не
начинается с одной из следующих строк — "http://",
"https://", "ftp://", "file://",
"#", "/", "?", "./" или
"../", то слева к нему автоматом допишется
"http://". Примеры:Код Результат www.sso.ru http://www.sso.ru/ Сайт sso.ru Сайт sso.ru Код создаст якорь в
документе. -
— тег для создания гиперссылки
e-mail. При конвертации переводится в <a
class="bb_email" href="mailto:...">...</a>.
Поддерживает также атрибуты title, name и target, аналогичные соответствующим в
HTML. Примеры:Код Результат dima@pc.uz dima@pc.uz Мой ящик Мой
ящик -
— аналог HTML-ного
<img>. Поддерживает атрибуты width, height, align и border. Параметр align отвечает за обтекание изображения по краям и может принимать значения left и right Примеры:Код Результат logo.gif logo.gif -
— тег, внутри которого не
происходит конвертации ББКода в
HTML, не работают
«автоматические ссылки» и не вставляются смайлы. Пример:
«ББКод со смайлом 🙂«.
Результат: «ББКод со смайлом :)».Должен
предупредить, что неоднозначность во вложенности тегов может
привести к неожидавшимся результатам. Например,код текст1 текст2 будет интерпретирован
скриптом так: текст1 текст2
Код текст1 текст2 текст3 текст4
будет интерпретирован
скриптом так: текст1 текст2 текст3
текст4 -
— Цитата. При конвертации
конструкция текст переводится
в<table width="90%" border="0" align="center"
class="bb_quote"><tr><td
class="author"><b>Автор
писал(а):</b></td></tr><tr><td
class="quote">текст</td></tr></table>Вот
так это выглядит:Автор писал(а): текст Автора
указывать необязательно. Вы можете оформить цитаты более
изощрено средствами CSS. -
— аналог HTML-ного
<hr>. При конвертации переводится в
<hr class="bb" />. Пример: «». Результат: -
— таблица. Аналог
HTML-ного <table>. При конвертации
переводится в <table class="bb">.
Поддерживаются атрибуты border, width, cellspacing, cellpadding и align, аналогичные HTML-ным. В
могут быть вложены
только теги
(заголовок) и
(строка). Пример:ЗаголовокСтолбец
1Столбец 2СтрокаРезультат:Заголовок Столбец 1 Столбец 2 Строка -
— строка таблицы. Аналог
HTML-ного <tr>. Может быть вложен только в
. Может содержать
только и . При конвертации переводится в
<tr class="bb">. Пример использования
смотрите выше. -
— ячейка таблицы. Аналог
HTML-ного <td>. Может быть вложен только в
. При конвертации
переводится в <td class="bb">. Поддерживаются
атрибуты width, height, align, valign и colspan, аналогичные HTML-ным. Пример
использования смотрите выше.
Материал взят с сайта www.pc.uz
Вступление
- Что такое BBCode?
- BBCode — это специальный вариант HTML. Сможете ли вы использовать BBCode в ваших сообщениях или нет, определяется администратором форумов. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode по стилю похож на HTML, теги заключены в квадратные скобки , а не в < и >; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
Laravel installation
Once BBCode is installed, you need to register the service provider. Open up and add the following to the key.
\Genert\BBCode\BBCodeServiceProvider::class,
You can register facades in the key of your file if you like.
‘BBCode’ => \Genert\BBCode\Facades\BBCode::class,
With registered facade, you can use library’s functionality as following:
// Output: '<strong>Laravel wins</strong>'
echo BBCode::convertToHtml('Laravel wins');
// Output: 'Do Symphony or not'
echo BBCode::convertFromHtml('<strong>Do Symphony or not</strong>');
// Output: '<strong>What does<strong> fox say'
echo BBCode::only('bold')->convertToHtml('What does fox say');
Licence
The original CodeKicker.BBCode implementation is licensed under the MIT Licence. My modifications to the original implementation are released under the same terms.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the «Software»), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED «AS IS», WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Теги BBcode работа с терминами
Для работы с терминами используется тройка элементов , , , предназначенных для создания списка определений. Каждый такой список начинается с контейнера , куда входит тег , создающий термин и тег , задающий определение этого термина. Закрывающий тег не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
Пример:
Термин 1
Определение термина 1
Термин 2 Определение термина 2
Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег применяется для выделения таких терминов, при их первом появлении в тексте.
Новый термин
[dfn свойства Новый термин
Теги BBcode видео и других flash-объектов
ссылка — универсальный тег.
Тэги под специализированные видеохостинги с использованием идентификатора:
идентификатор — вставка видеоролика с YouTube.com
идентификатор — вставка видеоролика с RuTube.ru
идентификатор — вставка видеоролика с Google.com
идентификатор — вставка видеоролика с Veoh.com
идентификатор — вставка видеоролика с Smotri.com. Возможна модификация
Тэги под специализированные видеохостинги с использованием ссылки:
ссылка — вставка видеоролика с Mail.ru
ссылка — вставка видеоролика с Yandex.ru
Любые flash-объекты (сторонние видеохостинги, flash-игры, flash-баннеры и т.д.) можно использовать с помощью: [flash=ширина,высота адрес_объекта * Размер области определяется в пикселях.
Примеры:9L4YCG7dJeEhttps://www.youtube.com/watch?v=9L4YCG7dJeE8420876204610684862v922088SBwxySaRpugachev-alexander/1rgzbi6w6b.809/
Виды тегов
Сайт изначально предоставляет каждому пользователю личный набор тегов, который расположен над каждым сообщением или комментарием, а также под чатом сайта. Использование данного набора значительно облегчает задачу, пользователю достаточно только нажать на кнопку и выделить нужный текст, дабы присвоить ему те или иные теги. Но не всегда понятно, какой именно эффект несёт каждый из предоставленных кодов, какие именно коды сочетаются между собой и как именно их следует применять. Наша статья нацелена на рассеивание всех сомнений.
Выделение текста
| Вид | Применение | Результат |
|---|---|---|
| Жирный | Кролик! | Кролик! |
| Курсивный | Кролик! | Кролик! |
| Подчёркнутый | Кролик! | Кролик! |
| Зачёркнутый | Кролик! |
|
| Надчёркнутый | Кролик! | |
| Цвет текста | Кролик! | |
| Цвет фона текста | Кролик! | |
| Цвет строчки с текстом | Кролик! | |
| Шрифт | Кролик! | |
| Размер | Кролик! |
The fun part.
While the previous bbcode tag system allows you to easily define various bbcodes, you may want to do more complex treatments with your bbcodes (eg. handle other types of data). You may also want to write some reusable or generic bbcode tags.
To do so, you will have to write a subclass of for any tag you want to create. These class-based bbcode tags must be defined inside a Python module in your Django application (just add a file called to an existing Django application). And last, but not least, your class-based bbcode tags must be registered to the object by using its method to be available to the BBCode parser.
Each of these tags must provide a attribute and can operate in two different ways:
-
The subclass provides a attribute and a attribute. In this case, the tag will operate as previously described. The corresponds to the tag definition and defines how the tag should be used. The is the HTML replacement code that will be used to generate the final HTML output
-
The subclass implements a method that will be used to transform the bbcode tag and its context (value, option if provided) to the corresponding HTML output
Defining bbcodes based on a definition string and a format string
In this case, you have to provide a attribute and a attribute to your subclass, in addition to the attribute.
Let’s write a simple example. Consider we are trying to write a bbcode which will strike any text placed inside its tags. So we could write:
# bbcode_tags.py
from precise_bbcode.bbcode.tag import BBCodeTag
from precise_bbcode.tag_pool import tag_pool
class BarBBCodeTag(BBCodeTag):
name = 'bar'
definition_string = '{TEXT}'
format_string = '<strike>{TEXT}</strike>'
tag_pool.register_tag(BarBBCodeTag)
Note that you can use any BBCode options specified previously to alter the default behavior of your class-based tags (see ). To do so, give your bbcode tag options by using an inner class , like so:
# bbcode_tags.py
from precise_bbcode.bbcode.tag import BBCodeTag
from precise_bbcode.tag_pool import tag_pool
class BarBBCodeTag(BBCodeTag):
name = 'bar'
definition_string = '{TEXT}'
format_string = '<strike>{TEXT}</strike>'
class Options
render_embedded = False
strip = False
tag_pool.register_tag(BarBBCodeTag)
Форматирование текста
- Как сделать текст жирным, наклонным или подчёркнутым
- BBCode включает теги для быстрого изменения стиля шрифта. Это достигается следующими способами:
- Чтобы сделать текст жирным, заключите его в , например:Приветстанет Привет
- Для подчёркивания используйте , например:Доброе утростанет Доброе утро
- Чтобы сделать текст курсивным, используйте тег , например:Это здорово!выведет Это здорово!
- Как изменить цвет или размер текста
- Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
- Цвет текста можно изменить, окружив его . Можно указать либо известное имя цвета (red, blue, yellow и т. п.), либо его шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста можно использовать:Привет!илиПривет!в обоих случаях будет выведено Привет!
- Изменение размера достигается аналогичным образом при использовании тега . Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% (очень большой) от размера по умолчанию. Например:МАЛЕНЬКИЙскорее всего будет выведено как МАЛЕНЬКИЙв то время, как:ОГРОМНЫЙ!будет выведено как ОГРОМНЫЙ!
Могу ли я комбинировать теги?
Да, это возможно
Например, чтобы привлечь внимание, можно написать:ПОСМОТРИТЕ НА МЕНЯ!в этом случае будет выведено ПОСМОТРИТЕ НА МЕНЯ!Не рекомендуется выводить таким образом длинные тексты! Учтите, что автор сообщения должен позаботиться о правильном закрытии тегов. Например, следующее использование тегов BBCode неверно:Это неверно
Создание списков
- Создание маркированного списка
- BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте и определите каждый элемент при помощи . Например, чтобы вывести свои любимые цвета, вы можете использовать:КрасныйСинийЖёлтыйЭто выдаст такой список:
- Красный
- Синий
- Жёлтый
Также можно указать стиль маркера списка, используя , , or .
- Создание нумерованного списка
- Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте или для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью . Например:Пойти в магазинКупить новый компьютерОбругать компьютер, когда случится ошибкавыдаст следующее:
- Пойти в магазин
- Купить новый компьютер
- Обругать компьютер, когда случится ошибка
Для алфавитного списка используйте:Первый возможный ответВторой возможный ответТретий возможный ответчто выдаст
- Первый возможный ответ
- Второй возможный ответ
- Третий возможный ответ
Как происходит замена Bbcode!?
Есть несколько способов замены Bbcode на Html теги(не буду рассказывать о всех, расскажу только о том, который выбрал я и почему именно этот…).
1).Bbcode
Это компактный пример функции замены в BBcode(повторяю еще раз — php — это не математика и здесь решения могут быть разными!)
В первую очередь — нам нужно понять, как это работает…
2).$example = ‘здесь много разного текста и где-то есть, что будем менять ‘ ;
Поскольку у нас живой пример, то прямо здесь выведем данную переменную:
echo $example;
Результат:
здесь много разного текста и где-то есть, что будем менять
массива3).
$searchexample = array(
‘/текста/’
);
4).
$replaceexample = array(
‘пример замены’
);
5).чтона чтогде
return preg_replace ($searchexample , $replaceexample , $example);
6).echo BBcodeexample($example);
7).
$example = ‘здесь много разного текста и где-то есть, что будем менять ‘ ;
function BBcodeexample($example)
{
$searchexample = array(
‘/текста/’
);
$replaceexample = array(
‘пример замены’
);
return preg_replace ($searchexample , $replaceexample , $example);
}
echo BBcodeexample($example);
8).здесь много разного пример замены и где-то есть, что будем менять
Принцип замены BBcode — надеюсь понятен!
Basics
Almost every BBCode is made of three parts.
Opening Tag:
- A keyword enclosed in square brackets, occasionally accompanied by a parameter that is specified with an equals sign.
- Example: (or just )
Contents:
- What is between the two tags. This could be text, other BBCodes, or a required parameter that is not part of the opening tag. Many BBCodes will not make visible modifications if they do not have content to modify.
Closing Tag:
- A forward slash followed by the same keyword as in the opening tag enclosed in square brackets. It never has any parameters.
- Example:
Note that when using BBCodes, it is important to be neat and organised. If using multiple BBCodes, make sure that you open and close them in reverse order, and do not open one BBCode inside another and then close it outside of the first.
- For example, you should do:
- You should not do:
- You should also not do:
BBCode can be used in the Forums, in Signatures, and in Personal Messages. BBCode can also be used, albeit to a lesser extent, in one’s . The , and BBCodes can also be used in Pokémon .
Массивы BBcode для функции BBcode
Ну и далее, у нас есть два массива и функция :
Массив $search
$search = array(‘/\(.*?)\[\/h1\]/is’,
‘/\(.*?)\[\/h2\]/is’,
‘/\(.*?)\[\/h3\]/is’,
‘/\(.*?)\[\/h4\]/is’,
‘/\(.*?)\[\/h5\]/is’,
‘/\(.*?)\[\/L\]/is’,
‘/\(.*?)\[\/b\]/is’,
‘/\(.*?)\[\/i\]/is’,
‘/\(.*?)\[\/u\]/is’,
‘/\(.*?)\[\/QUOTE\]/is’,
‘/\(.*?)\[\/RIGHT\]/is’,
‘/\(.*?)\[\/LEFT\]/is’,
‘/\(.*?)\[\/CENTER\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font\]/is’,
‘/\(.*?)\[\/font_size\]/is’,
‘/\(.*?)\[\/font_size\]/is’,
‘/\(.*?)\[\/font_size\]/is’,
‘/\(.*?)\[\/font_size\]/is’,
‘/\/is’,
‘/\[\/ol\]/is’,
‘/\/is’,
‘/\[\/ul\]/is’,
‘/\(.*?)\[\/li\]/is’,
‘/\(.*?)\[\/s\]/is’,
‘/\(.*?)\[\/sup\]/is’,
‘/\(.*?)\[\/sub\]/is’,
‘/\(.*?)\[\/img\]/is’,
‘/\(.*?)\[\/url\]/is’,
‘/\(.*?)\[\/url\]/is’,
‘/\(.*?)\[\/COLOR\]/is’,
‘/\https:\/\/youtu.be\/(.*?)\[\/YOUTUBE\]/is’
);
Массив $replace
$replace = array(‘<h1>$1</h1>’,
‘<h2>$1</h2>’,
‘<h3>$1</h3>’,
‘<h4>$1</h4>’,
‘<h5>$1</h5>’,
‘<L>$1</L>’,
‘<strong>$1</strong>’,
‘<em>$1</em>’,
‘<u>$1</u>’,
‘<blockquote>$1</blockquote>’,
‘<right style=»display: block;text-align: right;»>$1</right>’,
‘<left style=»display: block;text-align: left;»>$1</left>’,
‘<center>$1</center>’,
‘<span style=»font-family:serif;»>$1</span>’,
‘<span style=»font-family:sans-serif;»>$1</span>’,
‘<span style=»font-family:monospace;»>$1</span>’,
‘<span style=»font-family:cursive;»>$1</span>’,
‘<span style=»font-family:fantasy;»>$1</span>’,
‘<span style=»font-family:Times New Roman, Times, serif;» >$1</span>’,
‘<span style=»font-family:Georgia, serif;»>$1</span>’,
‘<span style=»font-size:xx-small;»>$1</span>’,
‘<span style=»font-size:smaller;»>$1</span>’,
‘<span style=»font-size:x-large;»>$1</span>’,
‘<span style=»font-size:xx-large;»>$1</span>’,
‘<ol>’,
‘</ol>’,
‘<ul>’,
‘</ul>’,
‘<li>$1</li>’,
‘<s>$1</s>’,
‘<sup>$1</sup>’,
‘<sub>$1</sub>’,
‘<img src=»$1″ class=»in_text»>’,
‘<a href=»$1″>$1</a>’,
‘<a href=»$1″>$2</a>’,
‘<span style=»color:$1″>$2</span>’,
‘<iframe style =»width:100%;height:40%;» src=»https://www.youtube.com/embed/$1″ frameborder=»0″ allow=»accelerometer; autoplay; encrypted-media; gyroscope;» allowfullscreen></iframe>’
);
Showing images in posts
- Adding an image to a post
- phpBB BBCode incorporates a tag for including images in your posts. Two very important things to remember when using this tag are: many users do not appreciate lots of images being shown in posts and secondly the image you display must already be available on the internet (it cannot exist only on your computer for example, unless you run a webserver!). To display an image you must surround the URL pointing to the image with tags. For example:https://www.phpbb.com/theme/images/logos/blue/160×52.pngAs noted in the URL section above you can wrap an image in a tag if you wish, e.g.[url=https://www.phpbb.com/]https://www.phpbb.com/theme/images/logos/blue/160×52.pngwould generate:
- Adding attachments into a post
- Attachments can now be placed in any part of a post by using the new BBCode, if the attachments functionality has been enabled by a board administrator and if you are given the appropriate permissions to create attachments. Within the posting screen is a drop-down box (respectively a button) for placing attachments inline.
Теги BBcode Картинки
https://dwweb.ru/__a-data/primer.jpg — пример вставки картинки.
https://dwweb.ru/__a-data/primer.jpg — картинка слева.* Данный код аналогичен коду в HTML:<img src=»https://dwweb.ru/__a-data/primer.jpg» style=»float: left; margin: 0 10px 0 0;»>
https://dwweb.ru/__a-data/primer.jpg — картинка справа.* Данный код аналогичен коду в HTML:<img src=»https://dwweb.ru/__a-data/primer.jpg» style=»float: right; margin: 0 0 0 10px;»>
https://dwweb.ru/__a-data/primer.jpg — картинка по центру.* Данный код аналогичен коду в HTML:<div style=»text-align: center»><img src=»https://dwweb.ru/__a-data/primer.jpg»></div>
Аналогичные тэги с названиями и всплывающими подсказками:
Важно! В названии картинки нельзя использовать кавычки!
[img Названиеhttps://dwweb.ru/__a-data/primer.jpg — пример вставки картинки.
[imgleft Названиеhttps://dwweb.ru/__a-data/primer.jpg — картинка слева.
[imgright Названиеhttps://dwweb.ru/__a-data/primer.jpg — картинка справа.
[imgcenter Названиеhttps://dwweb.ru/__a-data/primer.jpg — картинка по центру.
Картинки с указанными размерами:
https://dwweb.ru/__a-data/primer.jpg — пример картинки с размером.* Данный код аналогичен коду в HTML:<img src=»https://dwweb.ru/__a-data/primer.jpg» style=»width: 300px; height: 500px»>
https://dwweb.ru/__a-data/primer.jpg — картинка слева, с размером.
https://dwweb.ru/__a-data/primer.jpg — картинка справа, с размером.
Вставка больших изображений с полосами прокрутки:
https://dwweb.ru/__a-data/primer.jpg — картинка в выделенной области, если она больше доступного размера отображения на форуме.
Миниатюры изображения со ссылкой на оригинал:
[imgmini=_адрес-miniадрес — открыть изображение в новом окне.* Данный код аналогичен коду в HTML:<a href=»адрес» target=»_blank»><img src=»адрес-mini»></a>
[imgmini=адрес-miniадрес — открыть изображение в том же окне.* Данный код аналогичен коду в HTML:<a href=»адрес»><img src=»адрес-mini»></a>
Картинка-ссылка (баннер):[url=https://dwweb.ru/] https://dwweb.ru/__a-data/primer.jpg
Показ изображений в сообщениях
- Добавление изображения в сообщение
- BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество изображений, во-вторых, ваше изображение уже должно быть размещено в интернете (т. е. оно не может быть расположено только на вашем компьютере, если, конечно, вы не запустили на нём веб-сервер!). На данный момент нет возможности хранить изображения локально на phpBB (ожидается, что это ограничение будет снято в следующей версии phpBB). Для вывода изображения вы должны окружить его URL тегами . Например:https://www.phpbb.com/theme/images/logos/blue/160×52.pngКак указано в предыдущем пункте, вы можете заключить изображение в теги , то есть[url=https://www.phpbb.com/]https://www.phpbb.com/theme/images/logos/blue/160×52.pngвыдаст:
- Добавление вложений в сообщение
- Теперь вложения могут быть помещены в любой части сообщения при помощи нового тега BBCode , если вложения разрешены администратором конференции и если вы имеете необходимые права доступа. На странице размещения сообщения находится выпадающий список (соответственно кнопка) для размещения вложений в сообщении.
Text Formatting
- How to create bold, italic and underlined text
- BBCode includes tags to allow you to quickly change the basic style of your text. This is achieved in the following ways:
- To make a piece of text bold enclose it in , e.g. Hellowill become Hello
- For underlining use , for example:Good Morningbecomes Good Morning
- To italicise text use , e.g.This is Great!would give This is Great!
- How to change the text colour or size
- To alter the colour or size of your text the following tags can be used. Keep in mind that how the output appears will depend on the viewers browser and system:
- Changing the colour of text is achieved by wrapping it in . You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, e.g. #FFFFFF, #000000. For example, to create red text you could use:Hello!orHello!Both will output Hello!
- Changing the text size is achieved in a similar way using . This tag is dependent on the template the user has selected but the recommended format is a numerical value representing the text size in percent, starting at 20 (very small) through to 200 (very large) by default. For example:SMALLwill generally be SMALLwhereas:HUGE!will be HUGE!
- Can I combine formatting tags?
- Yes, of course you can, for example to get someones attention you may write:LOOK AT ME!this would output LOOK AT ME!We don’t recommend you output lots of text that looks like this though! Remember it is up to you, the poster, to ensure tags are closed correctly. For example the following is incorrect:This is wrong
Creating Links
- Linking to another site
- phpBB BBCode supports a number of ways of creating URIs (Uniform Resource Indicators) better known as URLs.
- The first of these uses the tag, whatever you type after the = sign will cause the contents of that tag to act as a URL. For example to link to phpBB.com you could use:[url=https://www.phpbb.com/]Visit phpBB!This would generate the following link, Visit phpBB! Please notice that the link opens in the same window or a new window depending on the users browser preferences.
- If you want the URL itself displayed as the link you can do this by simply using:https://www.phpbb.com/This would generate the following link, https://www.phpbb.com/
- Additionally, phpBB features something called Magic Links, this will turn any syntactically correct URL into a link without you needing to specify any tags or even the leading http://. For example typing www.phpbb.com into your message will automatically lead to www.phpbb.com being output when you view the message.
- The same thing applies equally to email addresses, you can either specify an address explicitly for example:no.one@domain.adrwhich will output no.one@domain.adr or you can just type no.one@domain.adr into your message and it will be automatically converted when you view.
As with all the BBCode tags you can wrap URLs around any of the other tags such as (see next entry), , etc. As with the formatting tags it is up to you to ensure the correct open and close order is following, for example:[url=https://www.phpbb.com/]https://www.phpbb.com/theme/images/logos/blue/160×52.pngis not correct which may lead to your post being deleted so take care.
Introduction
- What is BBCode?
- BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML, tags are enclosed in square brackets rather than < and > and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.
Generating lists
- Creating an Unordered list
- BBCode supports two types of lists, unordered and ordered. They are essentially the same as their HTML equivalents. An unordered list outputs each item in your list sequentially one after the other indenting each with a bullet character. To create an unordered list you use and define each item within the list using . For example to list your favourite colours you could use:RedBlueYellowThis would generate the following list:
- Red
- Blue
- Yellow
Alternatively you can specify the list’s bullet style using , , or .
- Creating an Ordered list
- The second type of list, an ordered list, gives you control over what is output before each item. To create an ordered list you use to create a numbered list or alternatively for an alphabetical list. As with the unordered list, items are specified using . For example:Go to the shopsBuy a new computerSwear at computer when it crasheswill generate the following:
- Go to the shops
- Buy a new computer
- Swear at computer when it crashes
Whereas for an alphabetical list you would use:The first possible answerThe second possible answerThe third possible answergiving
- The first possible answer
- The second possible answer
- The third possible answer
The first possible answerThe second possible answerThe third possible answergiving
- The first possible answer
- The second possible answer
- The third possible answer
The first possible answerThe second possible answerThe third possible answergiving
- The first possible answer
- The second possible answer
- The third possible answer
The first possible answerThe second possible answerThe third possible answergiving
- The first possible answer
- The second possible answer
- The third possible answer
