Question

Здравствуйте. Такой вопрос: можно ли как-то запилить свою кнопочку для редактора? Например, чтобы выделенный текст обрамляло: 

 <div class="class"> </div>

Например, с тегом strong это выглядит вот так:

 <script type="text/javascript">   $(document).ready(function(){   if ($("#message"))   $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"strong\" value=\"strong\" onclick=\"_simpletag('strong','message')\" class=\"codeButtons\" id=\"codes\" type=\"button\"></span>");   });   </script>

А вот как сделать div с class="class" немного не хватает знаний. Спасибо.

Answer 1

Если для форума, то так

<script type="text/javascript">   $(document).ready(function(){   if ($("#message"))   $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"my\" value=\"my\" onclick=\"_simpletag('my','message')\" class=\"codeButtons\" id=\"codes\" type=\"button\"></span>");   });   </script>
<script type="text/javascript">
$('td.posttdMessage').each(function(){
 $(this).html($(this).html().split('[my]').join('<div class="my">').split('[/my]').join('</div>'));
});
</script>

Comments

Нужно было для формы редактирования материалов.

Кому будет интересно, решил так:

<script type="text/javascript"> 
function _alterfont(theval,thetag,wh){
if (theval == 0){return;}
if (thetag=='size'){doInsert('<span style="font-size:'+theval+'pt">','</span>',3,wh);}
else if (thetag=='color'){doInsert('<span style="color:'+theval+'">',"</span>",3,wh);}
else if (thetag=='font'){doInsert('<span style="font-family:\''+theval+'\'">',"</span>",3,wh);}
else if (thetag=='pos'){doInsert('<div align="'+theval+'">',"</div>",3,wh);}
else if (thetag=='class'){doInsert('<div class="'+theval+'">',"</div>",3,wh);}
}
</script>

 <script type="text/javascript"> 
 $(document).ready(function(){ 
 if ($("#message")) 
 $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"myback\" value=\"myback\" onclick=\"_alterfont('myback','class','message')\" class=\"codeButtons\" id=\"codes\" type=\"button\"></span>"); 
 }); 
 </script>

При нажатии на кнопку myback, выделенный текст обрамляется div'ом с классом myback. 

Answer 2

Посмотрите решение по внедрению свох кнопок в BB редактор - здесь.