Andchir, спасибо за наводку. Видел его, когда искал. Пока остановился на простейшем
NAWTE.
Попробую вкратце пояснить как его установить.
1. Для его работы нужен mootools v1.1 (идет в стандарте модыкса 0.9.6.3)
2. В вызов джота добавляем код:
<script type="text/javascript" charset="utf-8">
window.addEvent('domready', function() {
nawte = new nawte('jcontent', 'jtoolbar');
nawte.addFunction('Bold', function() {selection = this.getSelection();
this.replaceSelection('[b]' + selection + '[/b]');}, {'id': 'bold_button'});
nawte.addFunction('Italic', function() {selection = this.getSelection();
this.replaceSelection('[i]' + selection + '[/i]');}, {'id': 'italic_button'});
nawte.addFunction('underline', function() {selection = this.getSelection();
this.replaceSelection('[u]' + selection + '[/u]');}, {'id': 'underline_button'});
nawte.addFunction('Insert Link', function() {
var selection = this.getSelection();
var response = prompt('Введите адрес ссылки','');
if(response == null) return;
this.replaceSelection('[url=' + (response == '' ? 'http://link_url/' : response) + ']' + (selection == '' ? 'Текст ссылки' : selection) + '[/url]');}, {'id': 'link_button'});
nawte.addFunction('Insert Image', function() {
var selection = this.getSelection();
var response = prompt('Введите адрес картинки','');
if(response == null) return;
this.replaceSelection('[img]' + (response == '' ? '' : response) + '[/img]');}, {'id': 'img_button'});
});
</script>
Пояснения к коду см.
здесь. Тем кто немного знаком с явой, думаю, не составит труда дописать необходимые кнопки.
3. В ваш css файл пишем стили:
/* Jot Êîììåíòû */
#jtoolbar {
position:relative;
list-style-type: none;
list-style-position: inside;
border:0;
margin:0;
padding:0;
height:18px;
margin-bottom:6px;
width: 264px;}
#jtoolbar li {list-style: none; margin: 0; padding: 0; float: left;}
#jtoolbar li a {
width:24px;
height:16px;
float:left;
display:block;
background-image:url('../images/jtoolbar.gif');
border:1px solid #f5f5ff;}
#jtoolbar li a:hover {border: 1px dashed #0A0;}
#jtoolbar li span {display: none;}
#bold_button {background-position: 0 0;}
#italic_button {background-position: 0 -18px;}
#underline_button {background-position: 0 -36px;}
#link_button {background-position: 0 -54px;}
#img_button {background-position: 0 -72px;}
Рисунок, приложил. При желании в него так же добавляются нужные картинки.
4. Осталось отредактировать файл
assets/snippets/jot/templates/chunk.form.inc.html, а именно: дописать перед "textarea" панель кнопок и поменять в "textarea" ИД на статический (тот, что мы писали в яве). Примерно так:
<b>Тема / Заголовок:</b><br>
<input tabindex="[+jot.seed:math=`?+3`+]" name="title" type="text" size="40" value="[+form.field.title:esc+]" id="title[+jot.id+]"/>
<br><b>Комментарий / Сообщение:</b><br>
<ul id="jtoolbar"></ul>
<textarea tabindex="[+jot.seed:math=`?+4`+]" name="content" cols="50" rows="8" id="jcontent">[+form.field.content:esc+]</textarea><br>
P.S. Правильнее, наверное, было бы сразу найти навороченный BBcode Editor, но пока нет времени в них разбираться...