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

Поддержи проект!!!

Как использовать bbcode, функция bbcode, пример как работает bbcode – все это рассмотрим сегодня!

Нам нужно было разделить bbcode теги и страницу о том, как работают Bbcod-ы, как вообще это работает! Зачем это нужно! И что такое Bbcode

Дополнительно сделали оглавление по BBCODE

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

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

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

Ещё: Bbcode в javascript
Вышла вторая версия DW BBCODE PANEL V1.2

Скопировать ссылку

Что такое Bbcode, как расшифровывается, что обозначает

Дадим определение : "Что такое Bbcode"


Bbcode - это язык разметки используемый для форматирования сообщений

Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки

Как расшифровывается аббревиатура 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',

'/\[i\](.*?)\[\/i\]/is',

'/\[u\](.*?)\[\/u\]/is',

'/\[QUOTE\](.*?)\[\/QUOTE\]/is',

'/\[RIGHT\](.*?)\[\/RIGHT\]/is',

'/\[LEFT\](.*?)\[\/LEFT\]/is',

'/\[CENTER\](.*?)\[\/CENTER\]/is',

'/\[font=Serif\](.*?)\[\/font\]/is',

'/\[font=Sans_serif\](.*?)\[\/font\]/is',

'/\[font=Monospace\](.*?)\[\/font\]/is',

'/\[font=Cursive\](.*?)\[\/font\]/is',

'/\[font=Fantasy\](.*?)\[\/font\]/is',

'/\[font=Times_New_Roman\](.*?)\[\/font\]/is',

'/\[font=Georgia\](.*?)\[\/font\]/is',

'/\[font_size=xx_small\](.*?)\[\/font_size\]/is',

'/\[font_size=smaller\](.*?)\[\/font_size\]/is',

'/\[font_size=x_large\](.*?)\[\/font_size\]/is',

'/\[font_size=xx_large\](.*?)\[\/font_size\]/is',

'/\[ol\]/is',

'/\[\/ol\]/is',

'/\[ul\]/is',

'/\[\/ul\]/is',

'/\[li\](.*?)\[\/li\]/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>',

'<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>',

'^$1',

'_$1',

'<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

Можно скачать пример функции и её использование здесь

Скопировать ссылку

Как заменить теги 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] и где-то есть, что будем менять

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

Можно скачать пример функции и её использование здесь

---

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

Теги:
Bbcode использование функция примерфункция bbcodeиспользование bbcodeвсе про ббкод