如何验证 ckeditor5 textarea 字段是否需要?
How to validate required for ckeditor5 textarea fields?
将脚本目录链接到"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>
现在,我如何使这个 "sample_identity" 表单提交所需的 ckeditor 实例。
我尝试将 class 用于 ckeditor 实例,它是 -
.ck-focused for onfocus and .ck-blurred on outfocus.
但是,我在同一个表单上有 3-4 个文本区域,它们被 ckeditor 替换了。
所以,这行不通。
我知道 ckeditor5 是一个尚未使用的测试版,但是,
对此的任何帮助将不胜感激。
谢谢。
您暂时需要手动处理。特别是你使用 Parsley,我猜它会被 CKEditor 隐藏原来的 <textarea>
混淆(CKEditor 只将它用作数据源,然后隐藏它以插入自己的容器)。
默认情况下,CKEditor 在表单提交时更新 <textarea>
的值。这意味着当有人在此表单中按下提交按钮时,该回调将导致当前编辑器的数据与表单的其余部分一起发送到服务器。
但是,这可能不适用于本机验证(我还没有检查过)并且几乎没有机会与某些自定义验证框架一起使用。
这意味着您需要手动处理验证。这意味着您需要听例如submit
表单上的事件,,检查是否正常。如果是,什么也不做。如果不是,则阻止事件的默认操作并向用户显示一些信息。
当然,这只是其中一种选择。您需要自己找出适合您案例的正确解决方案。
将脚本目录链接到"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>
现在,我如何使这个 "sample_identity" 表单提交所需的 ckeditor 实例。
我尝试将 class 用于 ckeditor 实例,它是 -
.ck-focused for onfocus and .ck-blurred on outfocus.
但是,我在同一个表单上有 3-4 个文本区域,它们被 ckeditor 替换了。 所以,这行不通。
我知道 ckeditor5 是一个尚未使用的测试版,但是, 对此的任何帮助将不胜感激。
谢谢。
您暂时需要手动处理。特别是你使用 Parsley,我猜它会被 CKEditor 隐藏原来的 <textarea>
混淆(CKEditor 只将它用作数据源,然后隐藏它以插入自己的容器)。
默认情况下,CKEditor 在表单提交时更新 <textarea>
的值。这意味着当有人在此表单中按下提交按钮时,该回调将导致当前编辑器的数据与表单的其余部分一起发送到服务器。
但是,这可能不适用于本机验证(我还没有检查过)并且几乎没有机会与某些自定义验证框架一起使用。
这意味着您需要手动处理验证。这意味着您需要听例如submit
表单上的事件,
当然,这只是其中一种选择。您需要自己找出适合您案例的正确解决方案。