Wie validiere ich für ckeditor5 Textfelder?

Question

Nachdem das Skript Verzeichnis „ckeditor5“ Verknüpfung Ich habe TextArea- wie folgt:

<textarea rows="10" name="sample_identity" id="sample_identity" Placeholder="Sample Identification" data-parsley-required="true"></textarea> 

Und das schafft die ckeditor den Textbereich zu ersetzen.

<script>ClassicEditor.create(document.querySelector('#sample_identity'))</script> 

Nun, wie kann ich diese „sample_identity“ Instanz von ckeditor auf formlos einzureichen.

Ich habe versucht, die Klasse für das ckeditor Instanz verwendet, die auf outfocus

.ck-Schwerpunkt für onfocus und .ck-verschwommen ist-.

Aber ich habe 3-4 Textareas auf der gleichen Form, die Ckeditor sie ersetzt hat. Also, das wird nicht funktionieren.

Ich weiß ckeditor5 ist eine Beta-Version und wurde noch nicht verwendet, aber, jede Hilfe dazu wäre willkommen.

Vielen Dank.

Answer 1

Sie müssen dies jetzt manuell handhaben. Vor allem, dass Sie verwenden, die ich verwechsle von CKEditor, das das Original <textarea> versteckt (CKEditor verwendet es nur als Datenquelle und versteckt es dann, um seinen eigenen Container einzufügen).

Standardmäßig aktualisiert CKEditor den Wert <textarea> beim Senden des Formulars. Dies bedeutet, dass, wenn jemand in diesem Formular eine Übergabeschaltfläche drückt, dieser Rückruf dazu führt, dass die Daten des aktuellen Editors mit dem Rest des Formulars an den Server gesendet werden.

Dies funktioniert jedoch möglicherweise nicht mit nativer Validierung (ich habe es nicht überprüft) und hat wenig Möglichkeiten, mit einigen benutzerdefinierten Validierungs-Frameworks zu arbeiten.

Das bedeutet, dass Sie Validierung manuell behandeln müssen. Dies bedeutet, dass Sie z.B. submit Ereignis auf dem Formular, get editor's data, überprüfen Sie, ob es in Ordnung ist. Wenn ja, tue nichts. Wenn nicht, verhindern Sie die Standardaktion des Ereignisses und zeigen Sie dem Benutzer einige Informationen an.

Das ist nur eine der Optionen, natürlich. Sie müssen selbst die richtige Lösung für Ihren Fall finden.