| Главная » Файлы » Статьи для вебмастера » Статьи для вебмастера |
Учимся создавать свои BB коды на jQuery by Apocalypse для uCoz
| 24.06.14, 16:36:07 | |
 Меня часто просили показать, как создать свои вв коды для чатов, комментариев, форумов и т.д. и т.п.. В данной статье на примере я покажу, как это реализовывается и вы убедитесь, что в решении нашей задачи нет ничего сложного. Данный код вы можете применять на любой CMS, а не только в системе uCoz 1) Не буду вас томить и сразу покажу, как сделать вв код для вставки видео с youtube в чат: Давайте для начала определимся, как будет выглядеть вв код для вставки. Предлагаю не усложнять и в нашем примере оформить простой вв код вида: Код [av]Уникальный id youtube[/av] Для реализации нам нужно в виде материалов мини-чата заменить $MESSAGE$ на: Код <div class="apobbcod">$MESSAGE$</div> Код <?if($NUMBER$==1)?> <script> window.onload = function() { // Начинаем перебирать поочереди все элементы с классом apobbcod $('div.apobbcod').each(function() { // Проверяем, есть ли в текущем сообщении нужный нам элемент [av] if($(this).text().indexOf('[av]') != -1) { // Если элемент найден, производим замену [av]Бла бла бла[/av] на то, что нам нужно $(this).html($(this).html().replace(/\[av\](.+?)\[\/av\]/gi, '<iframe width="150" height="150" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen=""></iframe>')) } }); } </script> <?endif?> В качестве примера мы вставили вв код следующим образом: Код [av]vP5-o1tQ_4g[/av] Код <iframe width="150" height="150" src="http://www.youtube.com/embed/vP5-o1tQ_4g" frameborder="0" allowfullscreen=""></iframe> По такому же принципу можете создавать любые свои вв коды, производя замену внутреннего содержимого внутри на нужный html код Посмотрите временное ДЕМО в чате баггера, чтобы наглядно увидеть, как обрабатывается вв код. Можете сами добавить пару сообщений вида [av]vP5-o1tQ_4g[/av], где vP5-o1tQ_4g - уникальный id ролика youtube Если у вас возникнут вопросы - задавайте их в комментариях Статья подготовлена Apocalypse | |
| Просмотров: 635 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |