我们在我们的应用程序中使用p:textEditor(基于quill编辑器),我们在p:textEditor下面有更多的UI组件。问题在于可访问性,用户需要使用键盘来浏览页面中的组件;但是当涉及到p:textEditor时,标签用作添加标签(4个空格)。
primefaces showcase here也有同样的问题,我们如何使用键盘从p:textEditor导航到提交按钮?
答案 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验证您的更改。