Vue.js + CKEditor - wykonanie akcji po naciśnięciu enter

Question

Cześć, czy jest możliwość i jeśli tak to jak :) skonfigurować ckeditor 4 dla Vue.js w taki sposób aby naciśnięcie Enter wykonało daną akcję natomiast shift+enter przechodziło do nowej linii a nie tak jak jest domyślnie że enter przechodzi o do nowej linii?

Answer 1

Mamy w CKE4 zdarzenie key, które pozwala nadpisywać akcje dziejący się po naciśnięciu konkretnych klawiszy. Można więc wykryć naciśnięcie Entera i Shift+Entera i nadpisać ich domyślne akcje. Przykład: https://codesandbox.io/s/ckeditor4-vue-bug-report-forked-sr9u0x?file=/src/App.vue

1. Najpierw blokuje domyślne akcje przy pomocy event.cancel().
2. Potem dla Entera wywołuję alert().
3. Natomiast dla Shift+Entera wywołuję komendę enter, która jest używana w CKE4 do przejścia do nowej linii/akapitu.

Comments

Działa idealnie, dzięki :)