如何验证ckeditor5 textarea字段所需？

Posted 2021-04-11

将脚本目录链接到“ckeditor5”后，我的文本区域如下：

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

而且，这会创建替换textarea的ckeditor。

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

现在，如何在表单提交时使ckeditor的“sample_identity”实例成为必需。

我尝试使用ckeditor实例的类，它是 -

.ck-聚焦onfocus和.c​​k-blurred on outfocus。

但是，我在同一个表格上有3-4个textareas，ckeditor取代了它们。所以，这不行。

我知道ckeditor5是一个尚未使用的betaversion，但是，对此有任何帮助将不胜感激。

谢谢。

答案

您现在需要手动处理此问题。特别是你使用Parsley，我猜想会被隐藏原始<textarea>的CKEditor混淆（CKEditor只使用它作为数据源然后隐藏它来插入自己的容器）。

默认情况下，CKEditor在表单提交时更新<textarea>的值。这意味着当有人按下此表单中的提交按钮时，该回调将导致当前编辑器的数据与表单的其余部分一起发送到服务器。

但是，这可能不适用于本机验证（我没有检查过），并且几乎没有机会使用某些自定义验证框架。

这意味着您需要手动处理验证。这意味着你需要听取例如表格上的submit事件，get editor's data，检查是否可以。如果是，那就什么都不做。如果不是，请阻止事件的默认操作并向用户显示一些信息。

当然，这只是其中一个选项。您需要自己为自己的案例找到合适的解决方案。