Что такое Bbcode, для чего, как используют, функция примеры

Как использовать bbcode, функция bbcode, пример работы bbcode. Зачем нужны ббкоды! И что такое Bbcode

Все о Bbcode, как работает, примеры использования ббкодов

1. Что такое Bbcode, как расшифровывается, что обозначает
2. Алгоритм, принцип работы Bbcode
3. Как происходит замена Bbcode!? -> живой пример
4. Как работает функция замены Bbcode тегов -> теги Html
5. Готовая к использованию функция замены bbcode тегов на html теги
Скачать, что в архиве?

6. Как заменить теги Html на -> Bbcode теги -> живой пример
Скачать, что в архиве?

Что такое 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 тегов, безопасный. Если дать стороннему пользователю использовать напрямую "html" теги - они вам такого наворотят! Вплоть до выхода вашего сайта из строя...




Алгоритм, принцип работы Bbcode

Когда вы только сталкиваетесь с новой темой - она вам кажется непостижимой, но на самом деле все очень просто!

Давайте разберемся в алгоритме работы Bbcod - ов

Какой-то текст должен быть записан в теги, например - используем теги b для жирного текста. прямо в таком виде помещаем в ваш документ "html"

[b] Жирный текст [/b]

Далее нам потребуется работающая функция Bbcode>.

Но как теперь применить данную функцию к данному контенту!?

Ваш контент должен быть в переменной, например так:

$var = '[b] Жирный текст [/b]';

Далее используем echo либо так:

$var = BBcode('[b] Жирный текст [/b]');

echo $var;

Можно использовать BBcode без переменной!

Если к примеру, требуется вывести результат работы функции BBcode прямо здесь :

echo BBcode('[b] Жирный текст [/b]');

Наш сайт и BBcode

У нас на сайте BBcode используется(долго рассказывать почему).

Поэтому - давайте разместим - прямо в тексте(весь текст находится в переменной - см алгоритм выше) BBcode и сделаем скриншот и сможете увидеть одновременно и код BBcode и результат:

Жирный текст

А здесь ниже поместим наш скрин:

Нажмите, чтобы открыть в новом окне.




Как происходит замена Bbcode!?

Это простой пример механизма замены одного на другой, чтобы мы могли его понять - как работает замена.

Есть несколько способов замены Bbcode на Html теги(не буду рассказывать о всех, расскажу только о том, который выбрал я и почему именно этот...).

Первое и главное условие, что ваш обрабатываемый текст должен быть в переменной!
Весь вот этот текст, который вы читаете находится в переменной! Обрабатывается множеством функций и в том числе функцией Bbcode
Это компактный пример функции замены в BBcode(повторяю еще раз - php - это не математика и здесь решения могут быть разными!)
В первую очередь - нам нужно понять, как это работает...

У нас в переменной, есть какой-то текст:

$example = 'В переменную $example поместим некоторый текст, который будет простым текстом с набором слов. И некоторые эти слова поместим в функцию' ;

Поскольку у нас живой пример, то прямо здесь выведем данную переменную:

echo $example;

Результат:

В переменную $example поместим некоторый текст, который будет простым текстом с набором слов. И некоторые эти слова поместим в функцию

Далее...нам потребуется два массива

Массив что меняем:

$searchexample = array(
'/переменную/',
'/поместим/'
);


Массив на что меняем:

$replaceexample = array(
'<red>пример замены</red>',
'<green>поместим</green>'
);


preg_replace - функция замены, меняем что, на что, где

return preg_replace ($searchexample , $replaceexample , $example);

Выводим результат, пропущеного текста через функцию BBcode:

echo BBcodeexample($example);
Соберем весь код примера 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" - поместим прямо здесь:

В пример замены $example поместим некоторый текст, который будет простым текстом с набором слов. И некоторые эти слова поместим в функцию

Принцип замены BBcode - надеюсь понятен!




Как работает функция замены Bbcode тегов на теги Html

Всё, что мы рассмотрели в выше идущем пункте, теперь нужно проделать с ббкодами!

Относительно принципов замены в bbcode, надеюсь разобрались в выше приведенном примере! Единственно там не использовали сами ббкоды, чтобы не усложнять и так сложное...

Теперь же нам нужно, что мы прошли в пункте принцип замены bbcode пройти уже с самими ббкодами...

Опять! Приведем не всю функцию а лишь часть... оставим в массиве по 3 строки.

Внутри функции два массива search - ищем,replace - на, что меняем.

И функция preg_replace - меняем( "что","на что","где").

И внутри каждой стрічки первого массива - (.*?) - наверняка вы догадались -что это!? Все что между тегами.

И во втором массиве - $1 - именно, что было в первом массиве со знаком ?

Пример описанной выше функции 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

$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

$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);

}

Если не нравится строчка global $search; global $replace; , копируем два массива и заменяем эту строчку на эти два массива

Скачать функцию bbcode php

Скачать можно здесь

Что в архиве? В архиве файл "bbcode_to_tags.php".

Копия примера этой страницы

На странице рассмотрен пример работы функции ббкодов.

В верхней части вы видите не обработанный текст в ббкодах.

В нижней части вы видите текст, который был отформатирован. Ббкоды преобразованы в html теги.

Смотрим в коде:

Нажмите, чтобы открыть в новом окне.



В функции, естественно, что не все "Bbcod"-ы существующие, см. здесь.

Смотри еще : готовая Bb code панель с функцией, с формой.




Как заменить теги Html на -> Bbcode теги

Что нам нужно далее... к примеру мы хотим наш html код с текстом вернуть в виде текста , но уже с тегами BBCODE вместо html тегов...

Все происходит до банальности аналогично, что было рассказано выше, только в обратную сторону! Не вижу никакого смысла повторяться!

Поскольку мы еще не написали эти функции для себя, то придется написать короткий пример, как происходит возвращение BBCODE тегов...

1). Нам нужен тестовый текст в переменной с какими то html тегами:

$example2 = 'Это другой текст <b>текст внутри тега</b> и где-то есть, что будем менять ' ;
И опять поскольку у нас есть живой пример возврата BBCODE тегов, выведем через echo прямо здесь переменную $example2
Это другой текст текст внутри тега и где-то есть, что будем менять

2). Далее пример функции backBBcode - в данном случае, мы не использовали массив, а применяли функцию preg_replace к строке...

function backBBcode($html) {

$html = preg_replace ('/\<b(.*?)>(.*?)<\/b>/is', "[b$1]$2[/b]", $html);

return $html;

}

2). Вывод результат возврата BBCODE тегов:

echo backBBcode($example2);
Соберем весь код вместе...

$example2 = 'Это другой текст <b>текст внутри тега</b> и где-то есть, что будем менять ' ;

function backBBcode($html) {

$html = preg_replace ('/\<b(.*?)>(.*?)<\/b>/is', "[b$1]$2[/b]", $html);

return $html;

}

echo backBBcode($example2);

Ну и собственно результат превращения html тегов в BBCODE теги:

Это другой текст [b]текст внутри тега[/b] и где-то есть, что будем менять

Скачать, что в архиве?

Скачать можно здесь.

Что в архиве?

В архиве:

Архив формата '.zip'.

Внутри файп "tags_to_bbcode.php".

Копия файла :tags_to_bbcode.php

Что в файле вы видите?

В файле, в переменной находится некий текст с html тегами.

В верхней части страницы вы видите текст до обработки функцией "tags_to_bbcode".

В нижней части текст после обработки функцией "tags_to_bbcode"

Результат вы уже видели: tags_to_bbcode.php

Смотрим в коде:

Нажмите, чтобы открыть в новом окне.