Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ alt htmlcssphpjsblog

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

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

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

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

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

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

  1. Что такое Bbcode, как расшифровывается, что обозначает
  2. Алгоритм, принцип работы Bbcode
  3. Как происходит замена Bbcode!? -> живой пример
  4. Как работает функция замены Bbcode тегов -> теги Html
  5. Готовая к использованию функция замены bbcode тегов на html теги
  6. Скачать
  7. Как заменить теги Html на -> Bbcode теги -> живой пример
  8. Скачать
Ещё: Bbcode в javascript
Вышла вторая версия DW BBCODE PANEL V1.2
  1. Что такое Bbcode, как расшифровывается, что обозначает

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

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

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

    Как расшифровывается аббревиатура bbCode

    Bbcode это Bulletin Board Code.

    Как переводится bbCode

    Если переводить по смыслу, то Bulletin Board Code переводится как Код Доски Объявлений

    Зачем используется bbCode

    Bbcode - это заменитель html тегов, безопасный. Если дать стороннему пользователю использовать напрямую "html" теги - они вам такого наворотят! Вплоть до выхода вашего сайта из строя...

  2. Алгоритм, принцип работы 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

  3. Как происходит замена 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 - надеюсь понятен!

  4. Как работает функция замены 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);

    }

  5. Готовая к использованию функция замены 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>',

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

    );


    Функция BBcode php

    function BBcode($into) {

    global $search; global $replace;

    return preg_replace ($search, $replace, $into);

    }

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

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

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

  6. Как заменить теги 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

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


Последняя дата редактирования : 16.02.2021 22:30
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.