TinyMCE: вложенные списки при нажатии клавиши табуляции

Question

если вы создаете неупорядоченный список в tinymce и нажимаете клавишу табуляции, созданный код выглядит следующим образом:

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

однако, если вы нажмете кнопку отступа на панели инструментов редактора (вместо вкладкиключ), создается следующий код:

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

Я хотел бы, чтобы то же самое происходило, когда я нажимал клавишу табуляции.я хочу вложенные списки, а не просто пробел.Есть ли способ достичь этого?спасибо!

Answer 1

Да, есть.Все, что вам нужно сделать, это добавить обработчик для одного из следующих событий: onKey (Down или Pressed).Это должно выглядеть примерно так:

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

}