primefaces p: textEditor Registerkarte/Tastatur Navigation fokussiert nicht die nächste UI-Komponente

Question

Wir verwenden p: TextEditor (basierend auf Feder-Editor) in unserer Anwendung und wir haben mehr UI-Komponenten unter p: TextEditor. Das Problem besteht in der Barrierefreiheit. Der Benutzer muss die Komponenten auf der Seite mithilfe der Tastatur durchblättern. Wenn es jedoch zu p: textEditor kommt, fungiert ein Tab als Hinzufügen eines Tabs (4 Leerzeichen).

Die primefaces Schaufenster here hat auch das gleiche Problem, wie können wir zum Senden Schaltfläche von p: TextEditor mit der Tastatur navigieren?

Answer 1

Dank Kukeltje, deaktivierte ich die Tab-Taste im Federeditor.

Für alle, die das gleiche machen wollen, müssen Sie die Datei texteditor.js unter META-INF/resources/primefaces/texteditor/bearbeiten (wenn Sie die primefaces-version.jar (version = 6.1 in meinem Fall)) und fügen Sie den Code unten in machen: 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; } } } } }; ... }

Für alle, die die Quill Interactive Playground zusätzliche Tastenanpassfunktion möchte verwenden können, um die Änderungen zu bestätigen.