primefaces p:textEditor选项卡/键盘导航不会聚焦下一个UI组件

时间:2017-12-21 19:36:06

标签: primefaces quill keyboard-navigation

我们在我们的应用程序中使用p:textEditor(基于quill编辑器),我们在p:textEditor下面有更多的UI组件。问题在于可访问性,用户需要使用键盘来浏览页面中的组件;但是当涉及到p:textEditor时,标签用作添加标签(4个空格)。

primefaces showcase here也有同样的问题,我们如何使用键盘从p:textEditor导航到提交按钮?

1 个答案:

答案 0 :(得分:0)

感谢Kukeltje,我在quill编辑器中禁用了tab键。

对于任何想要这样做的人,你必须编辑META-INF / resources / primefaces / texteditor /下的texteditor.js文件(当你对primefaces-version.jar进行反向工程时(在我的情况下版本= 6.1) ))并在render:function()

中添加以下代码

_render: function() { ... this.cfg.modules = { toolbar: PrimeFaces.escapeClientId(this.id + '_toolbar'), keyboard: { bindings: { tab: { key: 9, handler: function() { // do nothing return true; } }, 'remove tab': { key: 9, shiftKey: true, collapsed: true, prefix: /\t$/, handler: function() { // do nothing return true; } } } } }; ... }

对于想要进行其他密钥自定义的用户,可以使用Quill Interactive Playground验证您的更改。