2017-12-21 31 views
0

私たちのアプリケーションでは、p:textEditor(quillエディターに基づいています)を使用しており、p:textEditor以下のUIコンポーネントがあります。問題はアクセシビリティのためであり、ユーザーはキーボードを使用してページのコンポーネントをタブで移動する必要があります。 p:textEditorのタブは、タブ(4つのスペース)の追加として機能します。primefaces p:textEditorタブ/キーボードナビゲーションで次のUIコンポーネントにフォーカスしません

素数のショーケースhereにも同じ問題があります。キーボードからp:textEditorの送信ボタンに移動するにはどうすればよいですか?

+0

次に、クイルエディタでタブキーを無効にする方法を確認します。それがPFが使うものです – Kukeltje

答えて

0

ありがとうKukeltje、私はクイルエディタでタブキーを無効にしました。

同じことをしたい人は、META-INF/resources/primefaces/texteditor /の下のtexteditor.jsファイルを編集する必要があります(primefaces-version.jarをリバースエンジニアリングするとケース))とレンダリングで以下のコードを追加します。function()追加のキーカスタマイズは、変更内容を検証するために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; } } } } }; ... }

関連する問題