如何验证ckeditor5 textarea字段所需?

时间:2017-12-22 13:29:06

标签: php jquery forms ckeditor ckeditor5

将脚本目录链接到" 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>

现在,我如何制作这个&#34; sample_identity&#34;表格提交时需要提交ckeditor的实例。

我尝试将该类用于ckeditor实例 -

  

.ck专注于onfocus和.c​​k-blurred on outfocus。

但是,我在同一个表单上有3-4个textareas,ckeditor替换它们。 所以,这不起作用。

我知道ckeditor5是一个尚未使用过的betaversion,但是, 任何有关这方面的帮助将不胜感激。

谢谢。

1 个答案:

答案 0 :(得分:0)

您现在需要手动处理此问题。特别是你使用Parsley,我猜想CKEditor会隐藏原来的params.js: exports.params = { product: { category: ".//*[@id='baths']", model: ".//*[@id='wilson-app']/main/floorplan/discovery-catalogue/product-list/section/div/product[1]/div/kf-button[2]/button", foo: 'bar' } } (CKEditor只将它用作数据源,然后隐藏它以插入自己的容器)。

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

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

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

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