Как добавить свою кнопку списка в редактор (TinyMCE) вордпресс?

Question

[Сергей]

Необходимо создать собственную кнопку списка (маркированный или нумерованный - не важно) в редакторе. Что бы список добавлялся с нужным css классом. И что бы работало как обычно. Выделил нужный текст, нажал на кнопку и редактор сразу всё обрамил в тег списка с пунктами.

Как добавлять свои кнопки с простой вёрсткой (обернуть в span с нужным классом например) знаю. Не получается заставить работать кнопку со списком, что бы и список добавился и пункты li тоже.

Может подскажет кто материал годный? А то вроде уже всё перерыл в интернете - кроме примитивных кнопок ничего нету.

Comments

[Владимир Брумер]

Как добавлять свои кнопки с простой вёрсткой (обернуть в span с нужным классом например) знаю.

да так и создается по сути:

...
{text:TrAdress+'...',onclick:function(){editor.insertContent('<address>'+editor.selection.getContent()+'</address>');}},
...

если вопрос стоит о выпадающем меню, то например так:

tinymce.PluginManager.add('VAB_tabs_button',function(editor,url){editor.addButton('VAB_tabs_button',{type:'menubutton',text:'',title:TrTabs,icon:false,image:url+'/../../../images/icons/tabs.png',menu:[
	{text:GorTabs,onclick:function(){var tabssum=prompt(TrAccordionTabsCount+":","2"),vabtabsmenu='',vabtabsbody='';for(var i=2;i<=tabssum;i++){vabtabsmenu+='<li class="tabs_li HoV">'+TrTabsH+' №'+i+'</li>';vabtabsbody+='<div class="tabs_body">'+TrTabsB+' №'+i+'</div>';}editor.insertContent('<div class="tabs tabsAll VAB_adm_borders"><ul class="tabs_menu"><li class="active tabs_li HoV">'+TrTabsH+' № 1</li>'+vabtabsmenu+'</ul><div class="tabs_body active">'+TrTabsB+' № 1</div>'+vabtabsbody+'</div>'+BlokEnd);}},
...
	{text:'|'},
...

каждый {text:... это пункт меню
{text:'|'}, добавляет горизонтальный разделитель

в остальном все сводится к поставленной задаче и знаний js/jQuery

[Vitalii Bryl]

Владимир Брумер, а если это в WordPress, там нет глобальной переменной tinymce