Переходим в шаблон страницы добавления/редактирования материалов Каталога файлов и после $BODY$ вставляем
Код
<script> //add_bb
var nbbcodes = {
codes:
'b',1,'','Жирный текст','/add_bb/edit-bold.png',1],
'i',2,'','Наклонный текст','/add_bb/edit-italic.png',1],
's',3,'','Подчёркнутый текст','/add_bb/edit-underline.png',1],
'l',1,'','По левому краю','/add_bb/edit-alignment.png',1],
'c',2,'','По центру','/add_bb/edit-alignment-center.png',1],
'r',3,'','По правому краю','/add_bb/edit-alignment-right.png',1],
'code',1,'Код','','/add_bb/edit-code.png',1],
'quote',2,'Цитата','','/add_bb/balloon-quotation.png',1],
'spoiler',3,'Спойлер','','/add_bb/ui-splitter-horizontal.png',1],
'url',1,'','Ссылка','/add_bb/chain.png',1],
'img',2,'','Изображение','/add_bb/image.png',1],
'video',2,'','Видео','/add_bb/films.png',1],
'audio',2,'','Музыка','/add_bb/music-beam-16.png',1],
'nbbcodes.info()',3,'','Все bb коды','/add_bb/information-button-icon.png',2]
],
newtag: function(){
$('id^=bc]').hide();
var bbButton = '', len = nbbcodes.codes.length, style = 'nbbcode1'];
for(s=0;s<2;s++){
var textarea = (s == 0? 'brief': 'message');
for(i=0;i<len;i++){
var text = (nbbcodes.codesi]2]=='' ? '' : '<label>'+nbbcodes.codesi]2]+'</label>');
if(nbbcodes.codesi]1] == 1){
bbButton +='<div id="nbbcode_sh">';
}
bbButton += $('<a>',{
onclick: (nbbcodes.codesi]5]==1?'nbbcodes.paste(\''+nbbcodes.codesi]0]+'\',\'\',\''+textarea+'\');':nbbcodes.codesi]0]),
title: nbbcodes.codesi]3],
href: 'javascript://','class':'nbbcode nbbcode'+nbbcodes.codesi]1]+(nbbcodes.codesi]1] == 1 ? '':' nbbcode2'),
html: '<span '+(nbbcodes.codesi]1] == 2 ? '' : 'class="nbbcode'+nbbcodes.codesi]1]+'"')+'>'+$('<img>',{
src: nbbcodes.codesi]4],
align: 'absmiddle'
}).prop('outerHTML')+text+'</span>'
}).prop('outerHTML');
if(nbbcodes.codesi]1] == 3){
bbButton +='</div>';
}
}
$('spanid=bc1]').eq(s).html(bbButton).show();
bbButton = '';
}
},
paste : function(tg, param,id,vtf){
var o = '' + tg + (param ? ("=" + param) : "") + ']', c = '/' + tg + ']', doc = $('#'+id)0];
doc.focus();
if (window.attachEvent && navigator.userAgent.indexOf('Opera') === -1){
var s = doc.sel;
if(s){
var l = s.text.length;
s.text = o + s.text + (vtf? '' : c);
s.moveEnd("character", -c.length);
s.moveStart("character", -l);
s.select();
}
}else{
var ss = doc.scrollTop;
sel1 = doc.value.substr(0, doc.selectionStart);
sel2 = doc.value.substr(doc.selectionEnd);
sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
doc.value = sel1 + o + sel + c + sel2;
doc.selectionStart = sel1.length + o.length;
doc.selectionEnd = doc.selectionStart + sel.length;
doc.scrollTop = ss;
};
return false;
},
info: function(){
new _uWnd('bbPane','Информация по разметке BB',550,450,{autosize:1, modal:1, resize:0,fadetype:1,align:'left',fadespeed:500,fadeclosetype:0,},'<iframe src="/index/17" width="530" height="400" allowTransparency="true" frameborder="0" style="background-color:transparent;"></iframe>');
}
}
nbbcodes.newtag();
</script>
var nbbcodes = {
codes:
'b',1,'','Жирный текст','/add_bb/edit-bold.png',1],
'i',2,'','Наклонный текст','/add_bb/edit-italic.png',1],
's',3,'','Подчёркнутый текст','/add_bb/edit-underline.png',1],
'l',1,'','По левому краю','/add_bb/edit-alignment.png',1],
'c',2,'','По центру','/add_bb/edit-alignment-center.png',1],
'r',3,'','По правому краю','/add_bb/edit-alignment-right.png',1],
'code',1,'Код','','/add_bb/edit-code.png',1],
'quote',2,'Цитата','','/add_bb/balloon-quotation.png',1],
'spoiler',3,'Спойлер','','/add_bb/ui-splitter-horizontal.png',1],
'url',1,'','Ссылка','/add_bb/chain.png',1],
'img',2,'','Изображение','/add_bb/image.png',1],
'video',2,'','Видео','/add_bb/films.png',1],
'audio',2,'','Музыка','/add_bb/music-beam-16.png',1],
'nbbcodes.info()',3,'','Все bb коды','/add_bb/information-button-icon.png',2]
],
newtag: function(){
$('id^=bc]').hide();
var bbButton = '', len = nbbcodes.codes.length, style = 'nbbcode1'];
for(s=0;s<2;s++){
var textarea = (s == 0? 'brief': 'message');
for(i=0;i<len;i++){
var text = (nbbcodes.codesi]2]=='' ? '' : '<label>'+nbbcodes.codesi]2]+'</label>');
if(nbbcodes.codesi]1] == 1){
bbButton +='<div id="nbbcode_sh">';
}
bbButton += $('<a>',{
onclick: (nbbcodes.codesi]5]==1?'nbbcodes.paste(\''+nbbcodes.codesi]0]+'\',\'\',\''+textarea+'\');':nbbcodes.codesi]0]),
title: nbbcodes.codesi]3],
href: 'javascript://','class':'nbbcode nbbcode'+nbbcodes.codesi]1]+(nbbcodes.codesi]1] == 1 ? '':' nbbcode2'),
html: '<span '+(nbbcodes.codesi]1] == 2 ? '' : 'class="nbbcode'+nbbcodes.codesi]1]+'"')+'>'+$('<img>',{
src: nbbcodes.codesi]4],
align: 'absmiddle'
}).prop('outerHTML')+text+'</span>'
}).prop('outerHTML');
if(nbbcodes.codesi]1] == 3){
bbButton +='</div>';
}
}
$('spanid=bc1]').eq(s).html(bbButton).show();
bbButton = '';
}
},
paste : function(tg, param,id,vtf){
var o = '' + tg + (param ? ("=" + param) : "") + ']', c = '/' + tg + ']', doc = $('#'+id)0];
doc.focus();
if (window.attachEvent && navigator.userAgent.indexOf('Opera') === -1){
var s = doc.sel;
if(s){
var l = s.text.length;
s.text = o + s.text + (vtf? '' : c);
s.moveEnd("character", -c.length);
s.moveStart("character", -l);
s.select();
}
}else{
var ss = doc.scrollTop;
sel1 = doc.value.substr(0, doc.selectionStart);
sel2 = doc.value.substr(doc.selectionEnd);
sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
doc.value = sel1 + o + sel + c + sel2;
doc.selectionStart = sel1.length + o.length;
doc.selectionEnd = doc.selectionStart + sel.length;
doc.scrollTop = ss;
};
return false;
},
info: function(){
new _uWnd('bbPane','Информация по разметке BB',550,450,{autosize:1, modal:1, resize:0,fadetype:1,align:'left',fadespeed:500,fadeclosetype:0,},'<iframe src="/index/17" width="530" height="400" allowTransparency="true" frameborder="0" style="background-color:transparent;"></iframe>');
}
}
nbbcodes.newtag();
</script>
В таблицу стилей css добавляем:
Код
.nbbcode{
height:24px;
background:#eaeaea;
border:1px solid #B8B8B8;
border-top-color:#9F9F9F;
color:#333 !important;
font:11px Tahoma;
text-shadow:1px 0px 0px #FFF;
text-decoration:none;
display:inline-block;
margin:0 2px 0 0;
cursor:pointer;
}
.nbbcode span{
height:16px;
border: 1px solid;
border-color: #fff #F4F4F4 #DFDFDF;
padding:3px;
text-align:center;
display:inline-block;
cursor:pointer;
}
.nbbcode:hover{background:#F7F7F7}
.nbbcode:focus{background:#F4F4F4;padding-left:1px}
.nbbcode img{margin-right:0px;vertical-align:middle}
.nbbcode label{padding:0 3px 0;cursor:pointer;}
.nbbcode1{border-top-left-radius:3px;border-bottom-left-radius:3px}
.nbbcode2{margin-left:-3px !important}
.nbbcode3{border-top-right-radius:3px;border-bottom-right-radius:3px}
#nbbcode_sh{display:inline-block;}
height:24px;
background:#eaeaea;
border:1px solid #B8B8B8;
border-top-color:#9F9F9F;
color:#333 !important;
font:11px Tahoma;
text-shadow:1px 0px 0px #FFF;
text-decoration:none;
display:inline-block;
margin:0 2px 0 0;
cursor:pointer;
}
.nbbcode span{
height:16px;
border: 1px solid;
border-color: #fff #F4F4F4 #DFDFDF;
padding:3px;
text-align:center;
display:inline-block;
cursor:pointer;
}
.nbbcode:hover{background:#F7F7F7}
.nbbcode:focus{background:#F4F4F4;padding-left:1px}
.nbbcode img{margin-right:0px;vertical-align:middle}
.nbbcode label{padding:0 3px 0;cursor:pointer;}
.nbbcode1{border-top-left-radius:3px;border-bottom-left-radius:3px}
.nbbcode2{margin-left:-3px !important}
.nbbcode3{border-top-right-radius:3px;border-bottom-right-radius:3px}
#nbbcode_sh{display:inline-block;}
не забывает скачать папку с картинками и залить в корень сайта!