Properties Validate of elements
There is no built-in functionality for such a thing but keep in mind that once you render the style manager, all the elements, even when not visible, are still reachable via DOM, so you can add your validation logic post render
Read full answer below ↓Question
@Arif How can we validate the properties for the grapejs element like background color We have given an option for manual background entry as well as color picker . If user did not add valid css then style break and preview page is not working properly. Any help would be appreciated.
Answers (2)
There is no built-in functionality for such a thing but keep in mind that once you render the style manager, all the elements, even when not visible, are still reachable via DOM, so you can add your validation logic post render
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1740
[Question]: CSS properties set on id elements not saved v0.14.50
When I try to put background color on a 1 column row element, it is inlined in the editor and not bind with id, it has unique id, and when...
Issue #1807
GrapeJs framework breaks on adding external stylesheet
When i add my external stylesheet using the grapesjs framework no more works. How can I have the style sheet as well as the grapesjs framew...
Issue #1506
Css Media Query Issue
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and t...
Issue #544
Add select with optgroup
Hello @artf I have recently started using grapeJs and found it awesome. Can you please help me on How can I add dropdown(select) with optgr...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.