如何驗證ckeditor5 textarea字段所需的？

Question

將腳本目錄鏈接到“ ckeditor5”后，我有如下文本區域：

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

並且，這將創建ckeditor替換文本區域。

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

現在，我該如何在提交表單時使此ckeditor的“ sample_identity”實例成為必需。

我嘗試將類用於ckeditor實例，該實例是-

.ck聚焦為onfocus，.ck聚焦為離焦。

但是，我有3-4個textareas，使用ckeditor替換了它們。 因此，這將無法正常工作。

我知道ckeditor5是betaversion，尚未使用，但對此會有所幫助。

謝謝。

Answer 1

您現在需要手動處理。 尤其是您使用Parsley時 ，我認為CKEditor會隱藏原始的<textarea> （CKEditor僅將其用作數據源，然后將其隱藏以插入其自己的容器）會引起混淆。

默認情況下，CKEditor在表單的提交時更新<textarea>的值。 這意味着當有人按下該表單中的“提交”按鈕時，該回調將導致當前編輯者的數據與表單的其余部分一起發送到服務器。

但是，這可能不適用於本機驗證（我沒有檢查過），並且幾乎沒有機會使用某些自定義驗證框架。

這意味着您將需要手動處理驗證。 這意味着您需要偵聽例如在表單上submit事件， 獲取編輯器的數據 ，檢查是否可以。 如果是，則什么都不做。 如果不是，請阻止該事件的默認操作，並向用戶顯示一些信息。

當然，那只是選擇之一。 您需要自己為案例找到正確的解決方案。