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

[SemenH8]

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

[Web-programmist]

К bbCode никакого отношения не имеет.
Создай дополнительную панель кнопок и размести под панелью bbCode.
Добавить можно в posting_buttons.html

[SemenH8]

Спасибо, попробую разобраться сам. Но если возможно, подскажите А куда именно в указанном файле добавлять и какой код?

[Web-programmist]

Куда именно добавлять, тебе виднее. Где хочешь разместить, туда и вставляй.
Действуй по аналогии (предварительно изучив HTML, если не знаешь)

[SemenH8]

HTML я знаю... просто боюсь навредить... (были случаи...)

[Web-programmist]

просто боюсь навредить

Тестовый форум от этого спасает.

[SemenH8]

Уже навредил... - кнопки перестали работать...
Тааак восстановил... Разместил одну кнопку во второй строке - работает... И вот вопрос: как сделать чтоб кликнув по кнопке, в тексте появился нужный символ? Я вижу там onclick="bbstyle(0)" только вот bbstyle не нахожу - оно в какомто другом файле?

[Web-programmist]

Он в editor.js

[SemenH8]

Это функция.... Получается в массив bbtags нужно добавлять пару элементов, второй из которых - пустой, например: ...'↔',''...?
Да!!! Суппер!!! Большое спасибо за наставления!!! Все получилось!!!

[SemenH8]

Опишу подробнее:
В стиле 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, в моем случае, нечетный элемент массива - пустой, т.е. ...,'',...