DW-Bbcode 2.0 panel/панель с функцией + пример + скачать
Bbcode панель. Полноценная DW-Bbcode 2.0 panel со скриптами и примером! Как установить на сайт. Как настроить Bbcode панель?
В связи с тем, что код написан давно...
И сейчас использую другую версию "Bbcode панели", ну, пусть будет "Bbcode 3.0"... у себя на сайте и на стене...Но есть ли какой-то интерес... вообще к теме... напишите в комментах...
В том смысле, что надо ли обновить страницу...?
Подробно о Bbcode панели!
- Что такое DW-Bbcode panel 2.0
- Как использовать Bbcode панель на сайте?
№2 ... использовать Bbcode панель на сайте?- Обработка данных записанных с Bbcode тегами.
- Форма bbcode панели на сайт(только форма).
- Новые обозначения
- Живой пример Bbcode Скачать bbcode панель.
P.S.
Что такое DW-Bbcode panel 2.0
Это уже... сбился со счета какая версия, потому, что было множество вариаций... поэтому перепрыгнем через 1 и будет:
Состав архива Bbcode панели:
Состав архива формируется из папки примера. Выведем всё содержание папки вживую:
Как использовать Bbcode панель на сайте?
После тега body html каркаса вставляем :
Для вывода Bbcode панели и формы ввода данных на странице вставляем вот такую строчку:
Для вывода результатов вставляем на странице :
Все выше приведенные телодвижения поставим на нашу страницу не прямо здесь, чуть ниже:
Абсолютно по аналогичной схеме подключения подключение "Bbcode панели" на отдельной странице - это файл index.php:
Данный файл "include_bb.php" основной, который участвует во всем веселье!
В качестве примера файл include_bb.php записывает
И читает файл примера
Ну... и ниже идет переменная $form_bbcode, где стили и форма ввода...
№2 ... использовать Bbcode панель на сайте?
Это все замечательно! Но!
Предположим, что вам(может быть множество причин) нужна только панель над вашим полем ввода.
И соответственно второе - нужно, чтобы вывести результат с декодированными Bbcode в html код.
Как это сделать?
Аналогично используем include
Снова повторение... после тега body html каркаса вставляем(почему не в самом верху? Потому, что в "include_bb.php" и скрипты и стили! ) :
В нужном месте выводим форму с обязательным атрибутом атрибут name и значением
<form method="post">
<textarea class="" name="
<input type="submit" name="submit2" value="Отправить">
</form>
Над формой помещаем вывод панели Bbcode :
Не рассказываю, как получить данные из формы, потому, что мы это делали неоднократно ... вам понадобится :
post, чтобы обработать отправленные данные.
Если у вас база данных, то... вы должны немного знать о записи в базуЕсли у вас файлы, то вам следует внимательно изучить файл "index.php"(в архиве) - там разобраться не сложно!
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Вывод только панели</title>
</head>
<body style="margin: auto;width: 600px;">
<? include $_SERVER['DOCUMENT_ROOT'].'/путь_до_папки/dw_bbcode_2/include_bb.php'; ?>
<h1>Вывод только панели</h1>
<?=$panel_bbcode;?>
<form method="post">
<textarea class="" name="dw_textarea" style="display: block;height: 100px;width: 500px;" placeholder="Нажмите одну из кнопок сверху и нажмите отправить!"></textarea>
<input type="submit" name="submit2" value="Отправить">
</form>
</body>
</html>
<?
}
?>
Смотрим результат применения только одной панели bbcode:
Данная страница выводится с помощью get, на этой же странице, только в самом верху всего кода. Поэтому... никакие скрипты и стили на данный пример не влияют!
только одной панели bbcodeОбработка данных записанных с Bbcode тегами.
После того, как вы записали данные используя Bbcode панель вам нужно вывести их в
Итак... предположим, что вы создали картинку типа:
В качестве примера давайте возьмем картинку :
Помещаем её в переменную:
Далее используем функцию "bbcode_dw" и echo :
Соберем весь код вместе:
$example = '[img]https://dwweb.ru/__img/bbcode.png[/img]';
echo bbcode_dw($example);
Далее нам остается только и всего-то вывести данный код прямо здесь:
Как это используется bbcode панель у меня на сайте.
Если мы откроем данный код прямо в моем редакторе , то мы увидим вот такую картину:
Мне не нужно выводить отдельные части через функцию... вся страница обрабатывается этой функцией!
Вид bbcode панели:
Поверьте мне... все начиналось именно с bbcode, но у меня немного другой вид - это скорее html editor собственного производства, который был сделан так давно, что и не помню!
Его тоже надо как-то переделать!
Форма bbcode панели на сайт.
Тут собрался найти форму или панель bbcode без навешанных скриптов и обработчиков и оказалось, что панель bbcode по этим требованиям - просто не существует! Ну и потом решил сделать свою. Но давайте все по порядку!
С трудом нашел пару панелей bbcode
Вариант №1 панель bbcode
Где-то на просторах нашел вот такую панель bbcode для или от ukoz.Эту панель запаковал в архив и его можно скачать
Вариант №2 панель bbcode noname
Вторая панель bbcode неизвестного производителя, ну вот простая форма... bbcode и добавить нечего.
скачатьЗачем нужна своя панель bbcode
Зачем изобретать велосипед и делать свою bbcode панель ?!
Если вы скачиваете что-то чужое, то чаще всего - скажу лишь свое мнение! Как -то я пытался пользоваться визуальным редактором
Если хочешь, что-то изучить -нужно попробовать что-то сделать самому!
Посмотрел несколько bbcode панелей - скукота страшная! Всё инкубаторское! Не нравится! Не хочу! Хочу отличаться!
В общем с какой стороны не посмотри, нужно делать свою!
Новые обозначения.
Добавлено несколько вариантов быстрого набора!
Если к примеру вспомнить название аськи трудно, то нарисовать на клавиатуре нужную аську просто! В связи с тем, что бывает, в текст вставляются именно такая последовательность знаков, то мы обернем их в квадратные скобки:
[:)] = [:)]
[:(] = [:(]
[.!.] = [.!.]
Несколько тем мы ранее разобрали, надеюсь, что понимание, как работать с панелью bbcod-ов придет!
Скачать bbcode панель.
Скачиваем здесь.
Что в архиве? В архиве:
Архив формата ".zip"
В архиве копия примера.
Папка "dw_bbcode_2", заходим туда :
Описание всех операций с переменными смотри выше описание.
Как использовать скачанный архив?
Открываем архив.
Берем папку со всем содержимым перетаскиваем себе на сайт.
Открываем по адресу...
Вы получите форму с панелью, как на данной странице
В связи с тем, что... некоторые пользователи имеют отклонения от нормы... комменты закрыты до момента, как напишу скрипт, когда будут доступны только зарегистрированным, либо будет модерация комментов...
Свободно, комменты оставить более не получится!
Этим вы очень поможете проекту! Заранее огромное спасибо!
