FAQ Как вставить бб-коды в Быстрый ответ, Быстрое редактирование

Администратор · Регистрация: 27.02.2009

ББ-коды находятся в следующих основных шаблонах:

Шаблон Быстрого редактирования сообщения - postbit_quickedit

Шаблон Быстрого ответа в темах - showthread_quickreply

Шаблон бб-кодов в Расширенном ответе на тему (Создание новой темы) - editor_toolbar_on

По умолчанию, бб-коды добавленные стандартным образом:
Админ панель --> Дополнительные BB коды --> Управление BB кодами --> Добавить новый BB код ( т.е. так как описано в теме http://pcvector.ru/t1742/ )
помещаются в переменную $vBeditTemplate[extrabuttons] (экстра кнопки), которая есть только в шаблоне editor_toolbar_on.
Иначе говоря, все новые добавленные бб-коды будут отображены только при Расширенном ответе, или создании Новой темы, и при том отображаться они будут в конце после всех стандартных бб-кодов.

Поэтому чтобы добавить наши новые бб-коды, не только в Расширенный режим, но и в Быстрый ответ и Быстрое редактирование придется вручную изменять эти шаблоны.

А также, если Вы хотите свои новые бб-коды скомпоновать определенным образом, т.е. по группам, например сначала идут бб-коды форматирования текста, потом бб-коды вставки php, html и т.д. кодов, потом коды вставки видео и картинок и т.д. придется удалить следующий участок кода из шаблона editor_toolbar_on:

PHP код:



<if condition="$vBeditTemplate['extrabuttons'] != '' ">
<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>    
$vBeditTemplate[extrabuttons]
</if>

Теперь добавленные Новые бб-коды, нужно будет вручную вставлять самим во все три шаблона (postbit_quickedit, showthread_quickreply, editor_toolbar_on)

А делается это так:

Рассмотрим такой бб-код:

Цитата:

Заголовок: Copyright
Тег: copyright
Замена:

<div style="margin:auto">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<div style=" background-color: #000000;color: #FFFFFF;  -moz-border-radius: 16px; -webkit-border-radius: 16px; border: 1px solid  #000000; padding: 4px; font-size: 1em;" />

<span style="text-align:center;"><strong>Copyright  &copy; <a href="{param}" title="{param}">{option}</a>  2010. All Rights Reserved.</strong></span></div>

</td>

</tr>

</table>

</div>

Пример:

[copyright=pcvector]pcvector.ru[/copyright]

Описание: Добавляет возможность вставить копирайты в текст.
Использовать опцию: Да

Результат:

Чтобы вставить его во все три шаблона, сформируем следующий код:

PHP код:



<td>
<div class="imagebutton" id="{$editorid}_cmd_wrap0_copyright">
<img src="$stylevar[imgdir_editor]/copyright.gif" width="21" height="20" alt="<phrase 1="copyright">$vbphrase[wrap_x_tags]</phrase>" />
</div>
</td>

и подправим его под ваш тег:

wrap0_copyright- 0 кода мы не используем параметр {option} в бб-коде, вместо copyright название вашего тега
или
wrap1_copyright- 1 когда параметр {option} используется, вместо copyright название вашего тега

copyright.gif - наша иконка бб-кода, которая должна находится в папке editor вашего стиля.
width="21" height="20" - размеры этой иконки (естественно они не должны различаться от размеров остальных бб-кодов - будет просто не красиво)
<phrase 1="copyright"> - вместо copyright пишем название вашего Тега

Вот и все, осталось только вставить его в нужные вам места в нужных вам шаблонах.

Специально для pcvector.ru by Vector

Пользователь · 09.09.2011, 17:24

А как поменять место bb кода ?

Администратор · 09.09.2011, 17:43

Так выше все и описано, только название переменной $vBeditTemplate[extrabuttons] и не которых бб-кодов будут немного отличаться.
Делать придется всё в ручную, причем для всех новых кодов.

Пользователь · Регистрация: 09.12.2011

Спасибо за ваш пост, еще один + в изучении булки.

Неактивный · Регистрация: 04.03.2012

Привет! Что то я не понимаю как образовать код для spoiler вот этой темы http://pcvector.ru/t2789/. Сделай пожалуйста код для меня. А то я ни фига не понимаю.

Администратор · Регистрация: 27.02.2009

sema54rus, пробуйте так

PHP код:



<td>
<div class="imagebutton" id="{$editorid}_cmd_wrap1_spoiler">
<img src="$stylevar[imgdir_editor]/spoiler.gif" width="21" height="20" alt="<phrase 1="spoiler">$vbphrase[wrap_x_tags]</phrase>" />
</div>
</td>

Неактивный · Регистрация: 04.03.2012

Вот код быстрого ответа моего. Куда здесь вставлять я хз...

PHP код:



<div id="{vb:raw editorid}" class="texteditor">

    <div class="editor quickreply">
        <div class="editor_controls floatcontainer" id="{vb:raw editorid}_controls">
            <ul class="right editor_control_group">
                <li class="editor_control_group_item">
                    <vb:if condition="is_browser('ie') AND !is_browser('mac')">
                        <img src="{vb:stylevar imgdir_editor}/spelling.png" class="imagebutton" id="{vb:raw editorid}_cmd_spelling" width="20" height="20" alt="{vb:rawphrase check_spelling}" />
                    </vb:if>
                    <div>

                        <div><img src="{vb:stylevar imgdir_editor}/resize_0.gif" class="imagebutton" id="{vb:raw editorid}_cmd_resize_0_100" width="21" height="9" alt="{vb:rawphrase decrease_size}" /></div>


                        <div><img src="{vb:stylevar imgdir_editor}/resize_1.gif" class="imagebutton" id="{vb:raw editorid}_cmd_resize_1_100" width="21" height="9" alt="{vb:rawphrase increase_size}" /></div>
                    </div>
                    <vb:if condition="$show['wysiwyg_compatible']"><img src="{vb:stylevar imgdir_editor}/switchmode.png" class="imagebutton" id="{vb:raw editorid}_cmd_switchmode" width="20" height="20" alt="{vb:rawphrase switch_editor_mode}" /></vb:if>
                </li>
            </ul>
            <ul class="editor_control_group">
                <li class="editor_control_group_item">
                    <img src="{vb:stylevar imgdir_editor}/removeformat.png" class="imagebutton" id="{vb:raw editorid}_cmd_removeformat" width="20" height="20" alt="{vb:rawphrase remove_text_formatting}" />
                </li>
                <vb:if condition="$show['basic_bbcode']">
                <li class="editor_control_group_item">
                    <img src="{vb:stylevar imgdir_editor}/bold.png" class="imagebutton" id="{vb:raw editorid}_cmd_bold" width="20" height="20" alt="{vb:raw bold}" />
                    <img src="{vb:stylevar imgdir_editor}/italic.png" class="imagebutton" id="{vb:raw editorid}_cmd_italic" width="20" height="20" alt="{vb:raw bold}" />
                    <img src="{vb:stylevar imgdir_editor}/underline.png" class="imagebutton" id="{vb:raw editorid}_cmd_underline" width="20" height="20" alt="{vb:raw underline}" />
                </li>
                </vb:if>                
                <vb:if condition="$show['color_bbcode']">
                <li class="popupmenu menubutton colors imagemenu nomouseover nohovermenu editor_control_group_item" id="{vb:raw editorid}_popup_forecolor" style="position:relative">
                    <img src="{vb:raw vboptions.cleargifurl}" class="vbedit_colorbar" id="{vb:raw editorid}_color_bar" alt="" width="21" height="4" />
                    <div class="popupctrl" id="{vb:raw editorid}_colorfield"><img src="{vb:stylevar imgdir_editor}/color.png" id="{vb:raw editorid}_color_out" class="vbedit_colorbutton" width="21" height="16" alt="" /></div>
                    <div class="editorpopupbody popupbody popuphover">
                        <ul id="colorrow">
                            {vb:raw colors}
                                                </ul>
                    </div>
                </li>
                </vb:if>
                <vb:if condition="$show['url_bbcode'] OR $show['img_bbcode']">
                <li class="editor_control_group_item">
                    <vb:if condition="$show['url_bbcode']"><img src="{vb:stylevar imgdir_editor}/createlink.png" class="imagebutton" id="{vb:raw editorid}_cmd_createlink" width="20" height="20" alt="{vb:rawphrase insert_link}" /></vb:if>
                    <vb:if condition="$show['img_bbcode']">
                        <img src="{vb:stylevar imgdir_editor}/insertimage.png" class="imagebutton" id="{vb:raw editorid}_cmd_insertimage" width="20" height="20" alt="{vb:rawphrase insert_image}" />
                        <img src="{vb:stylevar imgdir_editor}/video.png" class="imagebutton" id="{vb:raw editorid}_cmd_insertvideo" width="21" height="20" alt="{vb:rawphrase insert_video}" />
</vb:if>
                </li>
                </vb:if>
                <vb:if condition="$show['quote_bbcode']">
                <li class="editor_control_group_item">
                    <img src="{vb:stylevar imgdir_editor}/quote.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_quote" width="20" height="20" alt="{vb:rawphrase wrap_quote_tags}" />
                </li>
                </vb:if>                
            </ul>
        </div>
          

        <div class="editor_textbox quickreply">
            <vb:if condition="$show['qr_require_click']">
                <textarea name="message" id="{vb:raw editorid}_textarea" rows="10" tabindex="1" cols="80" dir="{vb:stylevar textdirection}" <vb:if condition="$content">class="{vb:raw content}"</vb:if> disabled="disabled">{vb:raw click_quick_reply_icon}</textarea>
            <vb:else />
                <textarea name="message" id="{vb:raw editorid}_textarea" rows="10" tabindex="1" cols="80" dir="{vb:stylevar textdirection}" <vb:if condition="$content">class="{vb:raw content}"</vb:if>></textarea>
            </vb:if>
        </div>    
        
    </div>
</div>

<input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" />
<script type="text/javascript">
<!--
    vB_Editor['{vb:raw editorid}'] = new vB_Text_Editor('{vb:raw editorid}', {vb:raw editortype}, '{vb:raw forumid}', '{vb:raw parsesmilie}', undefined, '{vb:raw ajax_extra}', '{vb:raw content}');
    var QR_EditorID = '{vb:raw editorid}';
//-->
</script>

Администратор · Регистрация: 27.02.2009

Найти

PHP код:



                <vb:if condition="$show['quote_bbcode']">
                <li class="editor_control_group_item">
                    <img src="{vb:stylevar imgdir_editor}/quote.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_quote" width="20" height="20" alt="{vb:rawphrase wrap_quote_tags}" />
                </li>
                </vb:if>

после вставить:

PHP код:



                <li class="editor_control_group_item">
                    <img src="{vb:stylevar imgdir_editor}/spoiler.gif" class="imagebutton" id="{vb:raw editorid}_cmd_wrap1_spoiler" width="21" height="20" alt="{vb:rawphrase wrap_spoiler_tags}" />
                </li>

Пользователь · Регистрация: 24.05.2012

а можно ли в showthread_quickreply и postbit_quickedit добавить:

Цитата:

<if condition="$vBeditTemplate['extrabuttons'] != '' ">
<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
$vBeditTemplate[extrabuttons]
</if>

Администратор · Регистрация: 27.02.2009

kerba, можно. Обратите внимание, что данный код для vbulletin 3.x.x

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Gunnerss #2
00 МГц Пользователь Вес репутации: 0 Регистрация: 26.07.2011 Сообщений: 64 Сказал(а) спасибо: 28 Поблагодарили 1 раз в 1 сообщении	09.09.2011, 17:24 А как поменять место bb кода ?

smedvedev #4
00 МГц Пользователь Вес репутации: 0 Регистрация: 09.12.2011 Сообщений: 17 Сказал(а) спасибо: 3 Спасибок 0 в 0 сообщениях	Re: Как вставить бб-коды в Быстрый ответ, Быстрое редактирование - 24.02.2012, 11:53 Спасибо за ваш пост, еще один + в изучении булки.

Vector #6
7590 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,262 Сказал(а) спасибо: 575 Спасибок 2,586 в 1,826 сообщениях	Re: Как вставить бб-коды в Быстрый ответ, Быстрое редактирование - 04.03.2012, 17:15 sema54rus, пробуйте так PHP код: `<td> <div class="imagebutton" id="{$editorid}_cmd_wrap1_spoiler"> <img src="$stylevar[imgdir_editor]/spoiler.gif" width="21" height="20" alt="<phrase 1="spoiler">$vbphrase[wrap_x_tags]</phrase>" /> </div> </td>`

Vector #10
7590 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,262 Сказал(а) спасибо: 575 Спасибок 2,586 в 1,826 сообщениях	Re: Как вставить бб-коды в Быстрый ответ, Быстрое редактирование - 03.06.2012, 20:26 kerba, можно. Обратите внимание, что данный код для vbulletin 3.x.x