» » AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)

AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)

5.12
142
32 743
AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)


Для чего это?

  • Для удобной кастомизации внешнего вида bbcode-редактора, идущего в комплекте с DLE (всё оформление вынесено в CSS-файл).
  • Для оптимизации работы движка (уменьшается количество http-запросов, т.к. редактор использует только одну картинку).
  • Для самоуспокоения (надоел уже этот стандартный, ущербный внешний вид).


Внешний вид


Добавление комментария

AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)

Редактирование комментария

AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)

Добавление новости

AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)

Редактирование новости

AdequateBBcode - Адекватный bbcode-редактор для DataLife Engine 9.7 (обновлено)

Установка


  • Сделать резервную копию файлов engine/modules/bbcode.php и engine/ajax/bbcode.php
  • Залить содержимое папки uploads в корень сайта (если требутся - изменить название шаблона на свой).
  • Открыть main.tpl и перед
    </head>
    прописать:
    <link media="screen" href="{THEME}/style/bbcodes.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="{THEME}/js/tooltip.js"></script>

  • Всё!


Кастомизация

- В файле bbcodes.css лежат все стили, относящиеся к оформлению редактора.
- Файл bootstrap.less - для опытных пользователей (его можно удалить без проблем).
- Так же добавлена новая, симпотичная палитра для выбора цвета текста.

Параноикам: Изменения в php-файлах


Обновлено: 11 января 2013
(Добавлена красивая палитра для выбора цвета текста)

Похожие материалы

Комментарии

ПафНутиЙ
ПафНутиЙ 11 февраля 2013 19:20
модуль не затрагивает административную часть dle, только публичную.
sharkoster
sharkoster 25 марта 2013 02:07
Пафнутий, а есть что нибудь такое для DLE 9.8?
ПафНутиЙ
ПафНутиЙ 25 марта 2013 02:10
да, дефолтный bbcode редактор.
sharkoster
sharkoster 25 марта 2013 02:30
А какие файлы надо редактировать чтоб его изменить?
ПафНутиЙ
ПафНутиЙ 25 марта 2013 02:39
engine.css
sharkoster
sharkoster 25 марта 2013 03:05
Но там только стили. Вот к примеру _http://pafnuty.name/statyi/jquery/97-bbcode-redaktor-jquery.html
очень легко модернизируется, запросто добавляются кнопки и все такое, а вот захотелось мне например чтобы окошко смайлами вызывалось через спрайты,.. ладно как нибудь сам разберусь smile
ПафНутиЙ
ПафНутиЙ 25 марта 2013 03:10
fr это сосем другой редактор, не связанный с DLE.
В 9.8 изменена структура редактора, что делает возможным стилизацию кнопок и прочего средствами CSS, а это уже более чем хорошо.
Виктор
Виктор 21 апреля 2013 23:40
Здравствуйте.

Установил Ваш BB-код редактор на свой сайт. У меня, по какой-то причине, нету значка нумерованного списка. Тоесть все значки нормально показываются, а нумерованный список - просто белый квадратик. Не подскажете, что делать?



Заранее спасибо!
ПафНутиЙ
ПафНутиЙ 22 апреля 2013 08:05
для начала скажите адрес сайта.
Виктор
Виктор 22 апреля 2013 08:24
524-inter.net
ПафНутиЙ
ПафНутиЙ 22 апреля 2013 09:56
для начала обращаю внимание, что на 9.8 модуль не тестировался, с вероятностью в 99% работать не будет.
для корректоной работы из engine.css удалите код:
/*---BB Редактор---*/

.bb-pane { height: 1%; overflow: hidden; border: 1px solid #BBB; background-image: url("../bbcodes/bg.gif"); }
.bb-btn, .bb-sep { height: 25px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
.bb-sel { float: left; padding: 4px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-sep { width: 5px; background-image: url("../bbcodes/brkspace.gif"); }
.bb-btn { cursor: pointer; width: 23px; }

#b_font { width: 118px;}
#b_size { width: 65px;}
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b { background-image: url("../bbcodes/b.gif"); }
#b_i { background-image: url("../bbcodes/i.gif"); }
#b_u { background-image: url("../bbcodes/u.gif"); }
#b_s { background-image: url("../bbcodes/s.gif"); }
#b_img { background-image: url("../bbcodes/image.gif"); }
#b_up { background-image: url("../bbcodes/upload.gif"); }
#b_emo { background-image: url("../bbcodes/emo.gif"); }
#b_url { background-image: url("../bbcodes/link.gif"); }
#b_leech { background-image: url("../bbcodes/leech.gif"); }
#b_mail { background-image: url("../bbcodes/email.gif"); }
#b_video { background-image: url("../bbcodes/mp.gif"); }
#b_audio { background-image: url("../bbcodes/mp3.gif"); }
#b_hide { background-image: url("../bbcodes/hide.gif"); }
#b_quote { background-image: url("../bbcodes/quote.gif"); }
#b_code { background-image: url("../bbcodes/code.gif"); }
#b_left { background-image: url("../bbcodes/l.gif"); }
#b_center { background-image: url("../bbcodes/c.gif"); }
#b_right { background-image: url("../bbcodes/r.gif"); }
#b_color { background-image: url("../bbcodes/color.gif"); }
#b_spoiler { background-image: url("../bbcodes/spoiler.gif"); }
#b_fla { background-image: url("../bbcodes/flash.gif"); }
#b_yt { background-image: url("../bbcodes/youtube.gif"); }
#b_tf { background-image: url("../bbcodes/typograf.gif"); }
#b_list { background-image: url("../bbcodes/list.gif"); }
#b_ol { background-image: url("../bbcodes/ol.gif"); }
#b_tnl { background-image: url("../bbcodes/translit.gif"); }

.bb-editor textarea { 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 2px; border: 1px solid #bcc0c2; width: 100%; background: #fff url("../images/fields.png") repeat-x;
}
.editorcomm .bb-editor { width: 465px;}
.editorcomm .bb-editor textarea { height: 156px; }

Но правильнее будет оставить оригинальный редактор dle9.8 и поправить CSS доя желаемого результата, т.к. в 9.8 более менее нормальный редактор.
Виктор
Виктор 22 апреля 2013 15:45
ПафНутиЙ,огромное спасибо! Все получилось!
ПафНутиЙ
ПафНутиЙ 22 апреля 2013 16:24
И всё работает?
Виктор
Виктор 22 апреля 2013 21:22
Да.

После того, как я убрал из engine.css то, что вы сказали, все заработало!
georg24
georg24 29 апреля 2013 19:33
спасибо за редактор. очень понравился . но только теперь не пойму , то ли после этого редактора то ли я чего раньше не то сделал (учусь только) вобщем через браузер мазилы всё нормуль , а вот через хром в полной новости окно для комментариев сдвинуто. как исправить не подскажите? ( http://tolko-film.com/treiler/270-prototip-2013.html )
ПафНутиЙ
ПафНутиЙ 29 апреля 2013 20:04
да у вас там черт ногу сломит с вёрсткой, лень даже ковырять.
georg24
georg24 29 апреля 2013 20:07
ПафНутиЙ,
зато сам ))))
sadan
sadan 19 мая 2013 18:56
круто ! спасибо !

а как можно сделать кнопку "добавить комментарий" как на вашем сайте
ПафНутиЙ
ПафНутиЙ 19 мая 2013 19:26
модуль древовидных комментариев от Sander`a
sadan
sadan 24 июня 2013 18:12
хотелось бы на версии 10
отличный хак !
ПафНутиЙ
ПафНутиЙ 24 июня 2013 20:02
Начиная с 9.8 в DLE вполне нормальный bbcode редактор, достаточно заточить стили.
А цвета можно получить просто скопировав html файлик
Yamakasi
Yamakasi 7 июля 2013 18:34
спасибо, всё чётко работает!
ещё бы вместе с окном цветовой гаммы переделать надо было и смайлы )) думаю вообще цены не было!
ПафНутиЙ
ПафНутиЙ 7 июля 2013 22:09
смайлики можно поменять самостоятельно в течении 5 минут.
Yamakasi
Yamakasi 8 июля 2013 17:12
ббкоды очень понравились, спасибо.
но увы заметил такое, то что по умолчанию всё равно и выводиться запрос в шаблоне на старые ббкоды
<script type="text/javascript" src="/engine/classes/js/jquery.js"></script>
<script type="text/javascript" src="/engine/classes/js/jqueryui.js"></script>
<script type="text/javascript" src="/engine/classes/js/dle_js.js"></script>
<script type="text/javascript" src="/engine/classes/js/bbcodes.js"></script>
<script type="text/javascript" src="/engine/skins/autocomplete.js"></script>


как убрать, чтобы не выводило ненужное, да и что точнее не нужное там?
я как понял это точно:
<script type="text/javascript" src="/engine/classes/js/bbcodes.js"></script>

а может ещё что то ненужное там?
+ оставить, чтобы в админке работали, так как в админке ббкоды не изменились, ну или сделать мануал как и в админке заменить ббкоды на новые Ваши, заранее спасибо за хелп!
ПафНутиЙ
ПафНутиЙ 8 июля 2013 18:15
Это не старые ббкоды. Это стандартные. Там все файлы нужные а модуль лишь изменяет внешний вид редактора, что бы было красиво и удобно.
Yamakasi
Yamakasi 8 июля 2013 18:54
ну да я понял, то что стандартный, но получается ещё запрос идёт и подгружает стандартный, хотя стандартный мы не используем уже, так как вставили альтернативу, что советуете забить на это и не париться?
ПафНутиЙ
ПафНутиЙ 8 июля 2013 19:24
это и есть стандартный bbcode редактор, но с изменённой, правильной и адекватной html-структурой.
Yamakasi
Yamakasi 8 июля 2013 22:25
может инструкцию сделайте как и в админке уже сменить ббкоды?
ПафНутиЙ
ПафНутиЙ 8 июля 2013 22:34
нет, в админке уж как нибудь сами )) мне лень, да и не нужно.
Sirojiddin ashti
Sirojiddin ashti 26 июля 2013 02:41
ПафНутиЙ,Spasibo vam

Добавить комментарий

Комментировать могут только зарегистрированные пользователи

Информация

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