TinyMCE: listes imbriquées si l'onglet touche est enfoncée

Question

si vous créez une liste non ordonnée dans tinymce et appuyez sur l'onglet clé du code créé ressemble à ceci:

<ul> 
<li><span style="white-space: pre;"> </span>list item 1</li> 
</ul> 

cependant, si vous cliquez sur le bouton tiret dans la la barre d'outils éditeur (au lieu de la touche de tabulation), le code suivant est créé:

<ul> 
<li>list item 1 
<ul> 
<li>list item 1.1</li> 
</ul> 
</li> 
</ul> 

je voudrais que même chose se produire lorsque je presse la touche de tabulation. Je veux des listes imbriquées au lieu d'un espace blanc. Y a-t-il un moyen d'y parvenir? Merci!

Answer 1

Oui, il y a. Tout ce que vous devez faire est d'ajouter un gestionnaire pour l'un des événements suivants: onKey (Down ou Pressed). Il devrait ressembler plus ou moins comme ceci:

ed.onKeyUp.add(function(ed, evt) { 

// keyCode == 9 means TAB 
if (evt.keyCode == 9 && !evt.ctrlKey && !evt.shiftKey && !evt.altKey) { 

    // this is how you get the actual node in your editor's iframe 
    actual_node_in_dom = ed.selection.getNode(); 

    // here you need some js-code to manipulate the dom according to your wishes 

}