Центр пользователя  |  Ваши сообщения  |  FAQ
Форум поддержки phpBB » phpBB 3.0.x » Стили phpBB 3.0.x

Пользовательские BBCode

Дизайн и оформление phpBB 3.0.x. Создание и использование скинов
Пожалуйста, помните, что существуют: Поиск, Правила форума
Возможно, ответ на Ваш вопрос уже имеется: Документация, Статьи, Накопленный опыт
Полезные материалы по этой теме: Инструкция по установке стиля, Статьи по стилизации phpBB3

Сообщение 27 окт 2009, 11:34

Возникла такая задача: необходимо чтоб в строке BBCode бвли кнопочики с символами греческого алфавита, а также некоторыми другими нестандартными символами доступными в HTML
→ ν ω λ ξ ρ φ π η ψ α β γ δ ε ζ μ Δ ± ↑ ↓ ↔ - вот список необходимых мне символов, но копировать их из ворда не очень удобно, и пользователи этого делать не будут. А вот кнопочки во второй строке например - это то что нужно.
Подскажите пожалуйста как реализовать эту мою необходимость с помощью bbCode?
SemenH8
Пользователь
 
Сообщений: 22
Зарегистрирован:
25 окт 2009, 00:37
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 19:15

К bbCode никакого отношения не имеет.
Создай дополнительную панель кнопок и размести под панелью bbCode.
Добавить можно в posting_buttons.html
http://skladchina.com - форум для совместной покупки дисков и других инфопродуктов
Web-programmist
Поддержка
 
Сообщений: 502
Зарегистрирован:
19 июл 2009, 00:00
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 20:01

Спасибо, попробую разобраться сам. Но если возможно, подскажите А куда именно в указанном файле добавлять и какой код?
SemenH8
Пользователь
 
Сообщений: 22
Зарегистрирован:
25 окт 2009, 00:37
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 20:17

Куда именно добавлять, тебе виднее. Где хочешь разместить, туда и вставляй.
Действуй по аналогии (предварительно изучив HTML, если не знаешь)
http://skladchina.com - форум для совместной покупки дисков и других инфопродуктов
Web-programmist
Поддержка
 
Сообщений: 502
Зарегистрирован:
19 июл 2009, 00:00
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 20:29

HTML я знаю... просто боюсь навредить... (были случаи...) :?
SemenH8
Пользователь
 
Сообщений: 22
Зарегистрирован:
25 окт 2009, 00:37
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 20:45

SemenH8 писал(а):просто боюсь навредить

Тестовый форум от этого спасает.
http://skladchina.com - форум для совместной покупки дисков и других инфопродуктов
Web-programmist
Поддержка
 
Сообщений: 502
Зарегистрирован:
19 июл 2009, 00:00
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 21:09

Уже навредил... :( :cry: - кнопки перестали работать... :?:
Тааак восстановил... Разместил одну кнопку во второй строке - работает... И вот вопрос: как сделать чтоб кликнув по кнопке, в тексте появился нужный символ? Я вижу там onclick="bbstyle(0)" только вот bbstyle не нахожу - оно в какомто другом файле?
SemenH8
Пользователь
 
Сообщений: 22
Зарегистрирован:
25 окт 2009, 00:37
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 21:50

Он в editor.js
http://skladchina.com - форум для совместной покупки дисков и других инфопродуктов
Web-programmist
Поддержка
 
Сообщений: 502
Зарегистрирован:
19 июл 2009, 00:00
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 27 окт 2009, 22:09

Это функция.... Получается в массив bbtags нужно добавлять пару элементов, второй из которых - пустой, например: ...'↔',''...?
Да!!! Суппер!!! Большое спасибо за наставления!!! Все получилось!!! :)
SemenH8
Пользователь
 
Сообщений: 22
Зарегистрирован:
25 окт 2009, 00:37
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 28 окт 2009, 16:19

Опишу подробнее:
В стиле prosilver в папке template есть фаил posting_buttons.html. Можно из админки редактировать. Открываем его.
Наша (моя) задача: добавить строку с кнопками символов на страницу набора сообщения и сохранить при этом возможность добавлять BBCode средствами предоставленными в административном разделе. Вот мое решение этой задачи:
1). Создаем новый массив var bbtags2 = new Array(...) и размещаем его под старым:
Код: выделить все
   // Define the bbCode tags
   var bbcode = new Array();
   var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
   var bbtags2 = new Array    ('α','','β','','γ','','δ','','ε','','λ','','μ','','ν','','ξ','','π','','ρ','','σ','','τ','','υ','','φ','','ψ','','ω','','Δ','','→','','↔','','↑','','↓','','≈','','≠','','√','','±','','∞',''<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
   var imageTag = false;


2). Создаем новую строку с функциональными кнопками, на которых находится изображение символов:
Код: выделить все
<!-- ENDIF --> //это последняя строка стандартного файла posting_buttons.html
<div> // а это, новая строка с кнопками
   <input type="button" class="button2" accesskey=&alpha; name="0001" value=&alpha; style="font-weight: width: 30px" onclick="bbstyle2(0)" title="альфа" />
   <input type="button" class="button2" accesskey=&beta; name="0002" value=&beta; style="font-weight: width: 30px" onclick="bbstyle2(2)" title="бета" />
   <input type="button" class="button2" accesskey=&gamma; name="0003" value=&gamma; style="font-weight: width: 30px" onclick="bbstyle2(4)" title="гамма" />
   <input type="button" class="button2" accesskey=&delta; name="0004" value=&delta; style="font-weight: width: 30px" onclick="bbstyle2(6)" title="дельта" />
   <input type="button" class="button2" accesskey=&epsilon; name="0005" value=&epsilon; style="font-weight: width: 30px" onclick="bbstyle2(8)" title="эпсилон" />
   <input type="button" class="button2" accesskey=&lambda; name="0006" value=&lambda; style="font-weight: width: 30px" onclick="bbstyle2(10)" title="ламбда" />
   <input type="button" class="button2" accesskey=&mu; name="0007" value=&mu; style="font-weight: width: 30px" onclick="bbstyle2(12)" title="ми" />
   <input type="button" class="button2" accesskey=&nu; name="0008" value=&nu; style="font-weight: width: 30px" onclick="bbstyle2(14)" title="ни" />
   <input type="button" class="button2" accesskey=&xi; name="0009" value=&xi; style="font-weight: width: 30px" onclick="bbstyle2(16)" title="кси" />
   <input type="button" class="button2" accesskey=&pi; name="0010" value=&pi; style="font-weight: width: 30px" onclick="bbstyle2(18)" title="пи" />
   <input type="button" class="button2" accesskey=&rho; name="0011" value=&rho; style="font-weight: width: 30px" onclick="bbstyle2(20)" title="ро" />
   <input type="button" class="button2" accesskey=&sigma; name="0012" value=&sigma; style="font-weight: width: 30px" onclick="bbstyle2(22)" title="сигма" />
   <input type="button" class="button2" accesskey=&tau; name="0013" value=&tau; style="font-weight: width: 30px" onclick="bbstyle2(24)" title="тау" />
   <input type="button" class="button2" accesskey=&upsilon; name="0014" value=&upsilon; style="font-weight: width: 30px" onclick="bbstyle2(26)" title="ипсилон" />
   <input type="button" class="button2" accesskey=&phi; name="0015" value=&phi; style="font-weight: width: 30px" onclick="bbstyle2(28)" title="фи" />
   <input type="button" class="button2" accesskey=&psi; name="0016" value=&psi; style="font-weight: width: 30px" onclick="bbstyle2(30)" title="пси" />
   <input type="button" class="button2" accesskey=&omega; name="0017" value=&omega; style="font-weight: width: 30px" onclick="bbstyle2(32)" title="омега" />
   <input type="button" class="button2" accesskey=&Delta; name="0018" value=&Delta; style="font-weight: width: 30px" onclick="bbstyle2(34)" title="Дельта" />
   <input type="button" class="button2" accesskey=&rarr; name="0019" value=&rarr; style="font-weight:bold; width: 30px" onclick="bbstyle2(36)" title="прямое направление реакции" />
   <input type="button" class="button2" accesskey=&harr; name="0020" value=&harr; style="font-weight:bold; width: 30px" onclick="bbstyle2(38)" title="обратимая реакция" />
   <input type="button" class="button2" accesskey=&uarr; name="0021" value=&uarr; style="font-weight:bold; width: 30px" onclick="bbstyle2(40)" title="газ" />
   <input type="button" class="button2" accesskey=&darr; name="0022" value=&darr; style="font-weight:bold; width: 30px" onclick="bbstyle2(42)" title="осадок" />
   <input type="button" class="button2" accesskey=&asymp; name="0023" value=&asymp; style="font-weight:bold; width: 30px" onclick="bbstyle2(44)" title="примерно" />
   <input type="button" class="button2" accesskey=&ne; name="0024" value=&ne; style="font-weight:bold; width: 30px" onclick="bbstyle2(46)" title="неравно" />
   <input type="button" class="button2" accesskey=&radic; name="0025" value=&radic; style="font-weight:bold; width: 30px" onclick="bbstyle2(48)" title="корень" />
   <input type="button" class="button2" accesskey=&plusmn; name="0026" value=&plusmn; style="font-weight:bold; width: 30px" onclick="bbstyle2(50)" title="+/-" />
   <input type="button" class="button2" accesskey=&infin; name="0027" value=&infin; style="font-weight:bold; width: 30px" onclick="bbstyle2(52)" title="знак бесконечности" />
</div>


3). Копируем код функции bbstyle из файла editor.js в конец фаила posting_buttons.html и корректируем код: я напрмер, просто подставил 2 к именам - bbstyle2, bbtags2, bbnumber2
Код: выделить все
</div> //конец строки с кнопками
<script type="text/javascript">
function bbstyle2(bbnumber2)
{   
   if (bbnumber2 != -1)
   {
      bbfontstyle(bbtags2[bbnumber2], bbtags2[bbnumber2+1]);
   }
   else
   {
      insert_text('[*]');
      document.forms[form_name].elements[text_name].focus();
   }
}
</script>


Хочу заметить, что в новом массиве bbtags2, в моем случае, нечетный элемент массива - пустой, т.е. ...,'',...
SemenH8
Пользователь
 
Сообщений: 22
Зарегистрирован:
25 окт 2009, 00:37
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.


Вернуться в Стили phpBB 3.0.x

 


  • Похожие темы
    Ответов
    Просмотров
    Последнее сообщение

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

Форум поддержки phpBB
2008 - 2017 © BB3x.ru - русская поддержка форума phpBB3
Создано на основе phpBB® Forum Software © phpBB Group
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама