Что такое Bbcode, для чего, как используют, функция примеры
Как использовать bbcode, функция bbcode, пример работы bbcode. Зачем нужны ббкоды! И что такое Bbcode
Все о Bbcode, как работает, примеры использования ббкодов
- Что такое Bbcode, как расшифровывается, что обозначает
- Алгоритм, принцип работы Bbcode
- Как происходит замена Bbcode!? -> живой пример
- Как работает функция замены
Bbcode тегов ->теги Html - Готовая к использованию функция замены bbcode тегов на html теги Скачать, что в архиве?
- Как заменить
теги Html на ->Bbcode теги -> живой пример
Скачать, что в архиве?
Вышла вторая версия DW BBCODE PANEL V2.0
Что такое Bbcode, как расшифровывается, что обозначает
Дадим определение : "Что такое Bbcode"
Bbcode - это язык разметки используемый для форматирования сообщений
Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки
Простой пример bbCode
Для понимания "ББкодов" приведу простой пример:
Например ссылка в html :
<a href=здесь_ссылка>текст_ссылки</a>
Эта же ссылка в bbCode :
[a href=здесь_ссылка]текст_ссылки[/a]
Как расшифровывается аббревиатура bbCode
Bbcode это Bulletin Board Code.
Как переводится bbCode
Если переводить по смыслу, то Bulletin Board Code переводится как Код Доски ОбъявленийЗачем используется bbCode
Bbcode - это заменитель html тегов,
Алгоритм, принцип работы Bbcode
Когда вы только сталкиваетесь с новой темой - она вам кажется непостижимой, но на самом деле все очень просто!
Давайте разберемся в алгоритме работы Bbcod - ов
Какой-то текст должен быть записан в теги, например - используем теги b для жирного текста. прямо в таком виде помещаем в ваш документ "html"
Далее нам потребуется работающая функция Bbcode>.
Ваш контент должен быть в переменной, например так:
Далее используем echo либо так:
Если к примеру, требуется вывести результат работы функции BBcode прямо здесь :
Наш сайт и BBcode
У нас на сайте BBcode используется(долго рассказывать почему).
Поэтому - давайте разместим - прямо в тексте(весь текст находится в переменной - см алгоритм выше) BBcode и сделаем скриншот и сможете увидеть одновременно и код BBcode и результат:
Жирный текст
А здесь ниже поместим наш скрин:
Как происходит замена Bbcode!?
Это простой пример механизма замены одного на другой, чтобы мы могли его понять - как работает замена.
Есть несколько способов замены Bbcode на Html теги(не буду рассказывать о всех, расскажу только о том, который выбрал я и почему именно этот...).
Первое и главное условие, что ваш обрабатываемый текст должен быть в переменной!
Весь вот этот текст, который вы читаете находится в переменной! Обрабатывается множеством функций и в том числе функцией Bbcode
Это компактный пример функции замены в BBcode(повторяю еще раз - php - это не математика и здесь решения могут быть разными!)
В первую очередь - нам нужно понять, как это работает...
У нас в переменной, есть какой-то текст:
Поскольку у нас живой пример, то прямо здесь выведем данную переменную:
Результат:
Массив что меняем:
'/переменную/',
'/поместим/'
);
Массив на что меняем:
'<red>пример замены</red>',
'<green>поместим</green>'
);
preg_replace - функция замены, меняем что, на что, где
Выводим результат, пропущеного текста через функцию BBcode:
<style>red { color: red; } green { color: green; }</style>
$example = 'В переменную $example поместим некоторый текст, который будет простым текстом с набором слов. И некоторые эти слова поместим в функцию' ;
function BBcodeexample($example)
{
$searchexample = array(
'/переменную/',
'/поместим/'
);
$replaceexample = array(
'<red>пример замены</red>',
'<green>поместим</green>'
);
return preg_replace ($searchexample , $replaceexample , $example);
}
echo BBcodeexample($example);
Результат работы функции примера Bbcode
И выше приведенный "echo" - поместим прямо здесь:
Принцип замены BBcode - надеюсь понятен!
Как работает функция замены Bbcode тегов на теги Html
Всё, что мы рассмотрели в выше идущем пункте, теперь нужно проделать с ббкодами!
Относительно принципов замены в bbcode, надеюсь разобрались в выше приведенном примере! Единственно там не использовали сами ббкоды, чтобы не усложнять и так сложное...
Теперь же нам нужно, что мы прошли в пункте принцип замены bbcode пройти уже с самими ббкодами...
Внутри функции два массива
И функция
И внутри каждой стрічки первого массива -
И во втором массиве -
Пример описанной выше функции BBcode
function BBcode($example)
{
$search = array(
'/\[h2\](.*?)\[\/h2\]/is',
'/\[h3\](.*?)\[\/h3\]/is',
'/\[h4\](.*?)\[\/h4\]/is'
);
$replace = array(
'<h2>$1</h2>',
'<h3>$1</h3>',
'<h4>$1</h4>',
);
return preg_replace ($search, $replace, $example);
}
Готовая к использованию функция замены bbcode тегов на html теги
Далее готовая функция замены bbcode тегов на html теги - вы можете скопировать её и пользоваться! Если вдруг тегов bbcode не хватает, то вот здесь bbcode теги
Массивы BBcode для функции BBcode
Ну и далее, у нас есть два массива и функция :
$search = array('/\[h1\](.*?)\[\/h1\]/is',
'/\[h2\](.*?)\[\/h2\]/is',
'/\[h3\](.*?)\[\/h3\]/is',
'/\[h4\](.*?)\[\/h4\]/is',
'/\[h5\](.*?)\[\/h5\]/is',
'/\[L\](.*?)\[\/L\]/is',
'/\[b\](.*?)\[\/b\]/is',
... здесь много кода - целый код можно скачать здесь'/\[s\](.*?)\[\/s\]/is',
'/\[sup\](.*?)\[\/sup\]/is',
'/\[sub\](.*?)\[\/sub\]/is',
'/\[img\](.*?)\[\/img\]/is',
'/\[url\](.*?)\[\/url\]/is',
'/\[url\=(.*?)\](.*?)\[\/url\]/is',
'/\[COLOR\="(.*?)"\](.*?)\[\/COLOR\]/is',
'/\[YOUTUBE\]https:\/\/youtu.be\/(.*?)\[\/YOUTUBE\]/is'
);
$replace = array('<h1>$1</h1>',
'<h2>$1</h2>',
'<h3>$1</h3>',
'<h4>$1</h4>',
'<h5>$1</h5>',
'<L>$1</L>',
... здесь много кода - целый код можно скачать здесь'<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>'
);
Функция BBcode php
function BBcode($into) {
global $search; global $replace;
return preg_replace ($search, $replace, $into);
}
Если не нравится строчка
Скачать функцию bbcode php
Скачать можно здесьЧто в архиве? В архиве файл "bbcode_to_tags.php".
Копия примера этой страницы
На странице рассмотрен пример работы функции ббкодов.
В верхней части вы видите не обработанный текст в ббкодах.
В нижней части вы видите текст, который был отформатирован. Ббкоды преобразованы в html теги.
Смотрим в коде:
В функции, естественно, что не все "Bbcod"-ы существующие, см. здесь.
Смотри еще : готовая Bb code панель с функцией, с формой.
Как заменить теги Html на -> Bbcode теги
Что нам нужно далее... к примеру мы хотим наш html код с текстом вернуть в виде текста , но уже с тегами BBCODE вместо html тегов...
Все происходит до банальности аналогично, что было рассказано выше, только в обратную сторону! Не вижу никакого смысла повторяться!
Поскольку мы еще не написали эти функции для себя, то придется написать короткий пример, как происходит возвращение BBCODE тегов...
function backBBcode($html) {
$html = preg_replace ('/\<b(.*?)>(.*?)<\/b>/is', "[b$1]$2[/b]", $html);
return $html;
}
$example2 = 'Это другой текст <b>текст внутри тега</b> и где-то есть, что будем менять ' ;
function backBBcode($html) {
$html = preg_replace ('/\<b(.*?)>(.*?)<\/b>/is', "[b$1]$2[/b]", $html);
return $html;
}
echo backBBcode($example2);
Ну и собственно результат превращения html тегов в BBCODE теги:
Скачать, что в архиве?
Скачать можно здесь.
Что в архиве?
В архиве:
Архив формата '.zip'.
Внутри файп "tags_to_bbcode.php".
В файле, в переменной находится некий текст с html тегами.
В верхней части страницы вы видите текст до обработки функцией "tags_to_bbcode".
В нижней части текст после обработки функцией "tags_to_bbcode"
Результат вы уже видели: tags_to_bbcode.php
