Prevent editing some components

Question

I would like to prevent users from editing the internal components of specific components.

IE lets say I have an element called Drupal-Block

<div data-block>
... html inside ..
</div>

I want to prevent the users from editing the ... html inside... bit

artf · Accepted Answer

Yeah, @MichaelKlemersson is right currently you have to set them manually on any element. Another trick would be to update all children via model But what I think would be the best it's some kind of property which propagates (suggestions for a better term are welcome) properties from the parent to its children, eg. what do you think?

cmcintosh · Answer

Yes i think that the propagation idea is great. To be clear the reason im looking for this is im building out a module for Drupal 8 that will allow creating themes via the GrapeJS tool. In Drupal you have elements called Blocks, and my thought was to block of editing of those on the Main editor, and instead have a popup editor to edit them and allow reusing those across various pages. This is due to how Drupal renders content via PHP and thus I need to convert the html to php variables when sto...

artf · Answer

An example you can use in the demoSelect an element (eg. some section) Execute this in console

Prevent editing some components

Question

Answers (3)

Related Questions and Answers

Custom component property that is not a trait

[QUESTION]

Prevent modifying specific image components

Can I develop my own stylemanager and bind the properties conveniently?

Paid Plugins That Match This Issue

Related tutorials

GrapesJS custom components guide (2026)

How to integrate GrapesJS into a Svelte app (complete guide 2026)

GrapesJS vs Gutenberg: How to Build a Custom WordPress Page Builder

Browse Plugin Categories