Trix 所见即所得选项卡索引未按预期工作

Question

我在一个表单上有多个 trix 输入。通常在表单中，当您在表单输入中按下 Tab 键时：它会跳转到下一个表单输入。我注意到在台式计算机上：trix 输入的制表符实际上会在最终到达下一个输入之前通过所有 trix 工具栏按钮制表。有趣的是：它在 iPad 和蓝牙键盘上按预期工作。

这个问题已在 trix 的 github 上指出：located here。该问题已关闭，因为那里发布了显然可以解决该问题的解决方法。以下是其中一项建议：

for (var element of event.target.toolbarElement.querySelectorAll("button")) {
  element.tabIndex = -1
}

但是，当我将它插入我的应用程序并查看前端错误日志时，它是这样说的：

TypeError: element of event.target.toolbarElement.querySelectorAll is not a function. (In 'element of event.target.toolbarElement.querySelectorAll("button")', 'element of event.target.toolbarElement.querySelectorAll' is undefined)

我相信解决方案有效，但我可能遗漏了一些东西。我对 javascript 不是很熟悉，所以错误消息对我来说有点神秘。

trix documentation
我认为这不适用于此处：但我在 rails 项目中使用它，并且我通过 trix gem 引入了 trix。

Answer 1

只需更改语法，就可以了：

document.addEventListener("trix-initialize", function(event) {
  var elementButtons = event.target.toolbarElement.querySelectorAll("button")

  for (i=0; i<elementButtons.length; i++) {
    elementButtons[i].tabIndex = -1 ;
  }
})

Trix 所见即所得选项卡索引未按预期工作

Trix WYSIWYG tab index not working as expected

javascript

jquery

ruby-on-rails

trix