우리는 응용 프로그램에서 p : textEditor (퀼 편집기 기반)를 사용하고 있고 p : textEditor 아래에 더 많은 UI 구성 요소가 있습니다. 문제는 접근성을위한 것입니다. 사용자는 키보드를 사용하여 페이지의 구성 요소를 탭핑해야합니다. 그러나 p : textEditor 탭은 탭을 추가하는 역할을합니다 (4 공백).primefaces p : textEditor 탭/키보드 탐색에서 다음 UI 구성 요소를 포커스하지 않습니다.
프라임 쇼케이스 here도 동일한 문제가 있습니다. 어떻게 키보드에서 p : textEditor의 제출 버튼으로 이동할 수 있습니까?
감사합니다. Kukeltje, 필자는 quill 편집기에서 탭 키를 비활성화했습니다.
동일한 작업을 수행하려는 사람은 META-INF/resources/primefaces/texteditor/아래에서 texteditor.js 파일을 편집해야합니다 (primefaces-version.jar (버전 6.1)을 리버스 엔지니어링 할 때 경우)) 및 렌더링에 아래 코드를 추가합니다() 함수 추가 단축키 변경 사항을 확인하기 위해 Quill Interactive Playground을 사용할 수 원하는 사람들을위한
_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 편집기에서 탭 키를 비활성화하는 방법을 확인하십시오. 그것이 PF가 사용하는 것입니다. – Kukeltje