Встроенный редактор с BB-кодами. Как использовать BB-коды ?. .
Встроенный редактор с BB-кодами. Как использовать BB-коды ?

Главная / категория «Описание PHP-Fusion для новичков» / «Встроенный редактор с BB-кодами. Как использовать BB-коды ?»


 

BB-коды - это геморрой, который всегда с тобой ;)) Если поле ввода не принимает HTML, придётся форматировать текст снова BB-кодами.

BB-коды нужны для форумов как упрощённый код и чтобы в HTML не вставляли опасный для сайта код. В большинстве разделах можно вставлять HTML, а в некоторых - нет (ФОРУМ и ФОТОГАЛЕРЕЯ) - там можно только BB-коды

Чем отличаются BB-коды от HTML-кода ? - формой скобок и НЕудобством пользования

Вид на сайте

BB-коды

HTML-код

жирный
курсив
подчёркнутый
[b]жирный[/b]
[i]курсив[/i]
[u]подчёркнутый[/u]
<p><b>жирный</b></p>
<p><i>курсив</i></p>
<p><u>подчёркнутый</u></p>
<p> и </p> - это абзац текста

 

Встроенный редактор кода

HTML-коды (в острых скобках) позволяют удобно вставить ссылку на др. сайт или рисунок, например,
вставляет редактор должно быть
<a href='http://vveb.ws/' target='_blank'>Link</a>
<a href='http://vveb.ws/http://Vveb.ws' target='_blank'>Создание сайтов</a>
<img src='http://vveb.ws/' style='margin:5px' align='left' />
<img src='http://vveb.ws/folder/image001.gif' style='margin:5px' align='left' />
BB-коды (в квадратных скобках) не дадут удобно вставить ссылку на др. сайт или рисунок
вставляет редактор должно быть
[url][/url]
[url=http://Vveb.ws]Создание сайтов[/url]
[mail][/mail]
[mail=suda@nepishite.ru]Типа моя почта[/mail]
[img][/img]
[img]folder/kartinka.gif[/img]

Вообще без знания HTML BB-коды кажутся сложными, но, поскольку именно BB-коды используются на всех форумах, то BB-коды НАДО ОСВОИТЬ обязательно !!

 

Встроенный редактор кода есть во многих разделах cms.

Встроенный редактор кода сделан по-разному - в одних разделах он добавляет HTML, в других - BB

FAQ
HTML
<strong></strong> <i></i> <u></u>
<a href='http://vveb.ws/' target='_blank'>Link</a>
<img src='http://vveb.ws/' style='margin:5px' align='left' />
<center></center> <span class='small'></span> <span class='small2'></span> <span class='alt'></span>
Страница
HTML
<?php
 
?>
<p>
<br />
<strong></strong> <i></i> <u></u>
<a href='http://vveb.ws/' target='_blank'>Link</a>
<img src='http://vveb.ws/' style='margin:5px' align='left' />
<center></center> <span class='small'></span> <span class='small2'></span> <span class='alt'></span>
Добавить файл
BB
верхняя строка bb-кодов
[b][/b] [i][/i] [u][/u]
[url][/url]
[mail][/mail]
[img][/img]
[center][/center] [small][/small] [code][/code] [quote][/quote]
 
нижняя строка bb-кодов
<strong></strong> <i></i> <u></u>
<a href='http://vveb.ws/' target='_blank'>Link</a>
<img src='http://vveb.ws/' style='margin:5px' align='left' />
<center></center> <span class='small'></span>
<span class='small2'></span> <span class='alt'></span>
Добавить ссылку
HTML
<strong></strong> <i></i> <u></u>
<a href='http://vveb.ws/' target='_blank'>Link</a>
<img src='http://vveb.ws/' style='margin:5px' align='left' />
<center></center> <span class='small'></span> <span class='small2'></span> <span class='alt'></span>
Плагин КАТАЛОГ
Добавление элемента КАТАЛОГ
 
BB
[b][/b] [i][/i] [u][/u]
[url][/url]
[mail][/mail]
[img][/img]
[center][/center] [small][/small] [code][/code] [quote][/quote]

 

  Обход блокировки интимсити нл смотрите здесь.

Настройка BB-кодыов

BB-коды
BB-коды
(кнопки текстового редактора)

Предназначены для редактирования отображения bb-кодов в текстовых полях. Состоит из двух частей: "Разрешенные BB коды" и "Запрещеные BB коды". Первая часть - для управления над отображаемыми bb-кодами, вторая - для управления над неотображаемыми bb-кодами.

Описание - длинное, см. соответствующую страницу

 

BB-коды можно переносить из разрешённых в запрещённые, т. е. вклюсать и и выключать. Можно добавлять свои.

Разрешенные BB коды

BB Коды Admin Тест BB кодов
Имя Иконка Описание Использовать
Smiley smiley Смайлы Вставить смайл
B b Показать выбранный текст как жирный [b]Жирный текст[/b]
I i Сделать выбранный текст шрифтом italic [i]Текст italic[/i]
U u Текст с подчеркиванием [u]Текст с подчеркиванием[/u]
Url url Сделать URL кликабельным [url(http://vveb.ws/=Показать ссылку как)]URL[/url]
Mail mail Сделать e-mail адрес кликабельным [mail(=Email адрес)]E-mail или текст, отображать как [/mail]
Img img Показвает картинку из выбранного адреса [img]Image URL[/img]
Center center Разместить выбранный текст в центре [center]Текст в центр[/center]
Small small Выбранный текст уменьшить [small]Мелкий текст[/small]
Code code Показать текст как код [code]Это код[/code]
Quote quote Выбранный текст как цитата [quote]Текст в кавычки[/quote]

Запрещеные BB коды

Имя Иконка Описание Использовать
!autolink - Сделать ссылки или e-mail адрес интерактивными. Для этого bb-кода нет кнопки. Должен быть над URL и Mail bbcode.
Allegro allegro Пункт поиска для Allegro - Polish auctions service [allegro]Текст поиска для Allegro[/allegro]
Alt alt Показать выбранный текст как альтернативный [alt]Альтернативный текст[/alt]
Bcolor bcolor Цвет фона выделенного текста [bcolor=#16-ричное значение цвета фона]Цвет фона выделенного текста[/bcolor]
Big big Показать как BIG [big]Крупный текст[/big]
Color color Цвет выбранного текста [color=#16-ричное значение цвета (без решетки)]Цвет выбранного текста[/color]
Ebay ebay eBay Поисковая машина [ebay]Выделяет текст для eBay аукциона[/ebay]
Flash flash Показать флэш из выбранного урла [flash width=Ширина в px height=Высота в px]Показать флэш из выбранного урла[/flash]
Geshi geshi GeSHi высвечивает код Utiliser [geshi=Кодовое языковое имя]Подсветка кода для GeSHi Class[/geshi]
Gg gg Статус пользователя для Польского коммуникатора Gadu-Gadu [gg]Gadu-Gadu user ID[/gg]
Google google Google Поисковая Машина [google]Текст для поиска в Google[/google]
Googlevideo googlevideo Google Video flash movie embedder [googlevideo]Google Video movie ID[/googlevideo]
Hide hide Сообщение видит только админ [hide]Текст только для администратора[/hide]
Icq icq ICQ Показать статус [icq]ICQ ID[/icq]
Justify justify Равномерно распределяет выбранный текст [justify]Выровнять равномерно[/justify]
Left left Выравнивает выбранный текст влево [left]Выровнять влево[/left]
Movie movie YouTube и Google вложенное видео [movie=youtube|google]YouTube или Google видео ID[/movie]
Mp3 mp3 Играть MP3 файл из данного урла [mp3]MP3 file url[/mp3]
Olist olist Создает нумерованный список для определенного типа [olist=(1|a|A|i|I)]Text 1 :enter: Text 2 :enter: etc[/olist]
Php php Отметить выбранный текст как PHP код [php]PHP подсветка кода[/php]
Right right Выравнивает выбранный текст в право [right]Выровнять вправо[/right]
Search search Поиск текста на сайте [search=Где]Искать текст[/search]
Size size Определяет размер выбранного текста [size=(12|16|20|24|28|32)]Размер текста[/size]
Small2 small2 Показывает выбранный текст как alt. small [small2]Альтернативный мелкий[/small2]
Tlen tlen Tlen Polish пользовательский комуникатор, отобразить статус [tlen]Tlen user ID[/tlen]
Ulist ulist Создает маркированный список из определенного типа [ulist=(disc|circle|square)]Text 1 :enter: Text 2 :enter: etc[/ulist]
Yahoo yahoo Yahoo Поисковая машина [yahoo]Текст для поиска в Yahoo![/yahoo]
Youtube youtube YouTube Flash Video Embedder [youtube]YouTube movie ID to display[/youtube]

Создан:   
Комментарии
Нет комментариев.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
Авторизация
Логин

Пароль



Вы не зарегистрированы?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Категории
Создание форума - от 8.000 руб
Вопросы заказчиков сайтов
Советы заказчикам сайтов
PHP-Fusion-7
-- Описание PHP-Fusion для новичков
-- PHP-Fusion панели
-- Плагин Доски объявлений для PHP-Fusion
-- Сборник плагинов и модов PHP-Fusion
Категории
Раскрутка интернет-магазина
Общие советы юзабилити сайта
-- Советы по юзабилити дизайна сайта
-- Советы по юзабилити интернет-магазина
-- Юзабилити регистрации пользователей и комментирования
-- Советы по юзабилити меню
-- Советы по юзабилити текста
-- Веб-аналитика. Счётчики посещаемости. Google Analitics
Где поставить ссылку бесплатно?
-- Раскрутка вне поисковиков
-- Наполнение и оптимизация страниц
Видео-анализ юзабилити сайта
Обмен ссылками: советы и скрипты
Яндекс.Метрика
Переключатель дизайна
AFT_White_L
19.11.2017 19:00:39