TinyMCE：如果按下 Tab 键，则嵌套列表

发布于 2024-09-15 15:45:15 字数 430 浏览 3 评论 0原文

如果您在tinymce中创建一个无序列表并点击tab键，创建的代码如下所示：

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

但是，如果您单击编辑器工具栏中的缩进按钮（而不是tab键），则会创建以下代码：

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

我想当我按下 Tab 键时也会发生同样的事情。我想要嵌套列表而不仅仅是一个空格。有办法实现这一点吗？谢谢！

原文

if you create an unordered list in tinymce and hit the tab key the code created looks like this:

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

however, if you click on the indent button in the editor's toolbar (instead of the tab key), the following code is created:

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

i would like that same thing to happen when i press the tab key. i want nested lists instead of just a white space. is there a way to achieve this? thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

昨迟人 2024-09-22 15:45:15

是的，有。您需要做的就是为以下事件之一添加处理程序：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

}

Yes, there is. All you need to do is to add a handler for one of the following events: onKey(Down or Pressed). It should look more or less like this:

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

}

回复收藏 0 原文

~没有更多了~