Validation rules on editable widgets

[Kocal]

📝 Provide a description of the new feature

Hi everyone! I'm sorry if this issues is duplicated, but I didn't find anything there on GitHub nor on documentation.

While implementing a custom BlockQuote plugin (when following https://ckeditor.com/docs/ckeditor5/latest/tutorials/widgets/implementing-a-block-widget.html), with 3 editable widgets:

• content
• the person's name
• the person's role

https://github.com/ckeditor/ckeditor5/assets/2103975/69996f7b-ed42-4beb-b960-0683471fb1c2

I was wondering if it's possible to attach validation rules to editable widget?

Like, here, I would like to mark the content editable widget as required, if it's not filled then an error message should appears.

Maybe this can be added to the schema definition, or maybe an option to viewWriter.createEditableElement()?

Thanks :)

---

If you'd like to see this feature implemented, add a 👍 reaction to this post.

[Witoso]

Thanks for the request!

if it's not filled then an error message should appears.

I wonder how the logic for this would be implemented. It's also not filled when you create a widget. What's the trigger for that? What do you mean by error?

[Kocal]

Hi!

I wonder how the logic for this would be implemented. It's also not filled when you create a widget

I know some form validation library works with a state "touched" or "dirty", to know if the user typed in the field or not.

What's the trigger for that?

I suppose this can be done on keyup, maybe with a configurable debounce.

Or, maybe this can be triggered when a form is submitted/an action is performed? An HTML5 could block the form submission.

What do you mean by error?

A red text below the field, telling the user what's wrong with the value.