Issue #1485💬 AnsweredOpened October 8, 2018by Skovmissen1 reactions
outdated

How to prevent styling html components?

Quick answerby cjpollard❤ 1

Try data-gjs-stylable="false".

Read full answer below ↓

Question

Im trying to create some templates, which should not be editable and styleable. So that when i drag in my blocks then should stay as defined. Is there a way to disable the style manger for certain components?

i know about data-gjs-removable="false", data-gjs-editable="false" But they do not do what im tryting to do.

Thanks.

Answers (3)

cjpollard• October 8, 2018

Try data-gjs-stylable="false".

artf• October 11, 2018

Yeah you should use data-gjs-stylable="false"

lock[bot]• October 11, 2019

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.

View full discussion on GitHub →

Related Questions and Answers

Continue research with similar issue discussions.

Issue #1902

[QUESTIONS] Disable/change build-in components behavior

Hey, Trying to get GrapesJs work for a project I'm currently working on. But is there a way to disable the built-in components that convert...

3 answersUpdated March 22, 2020

Issue #1318

Question: How to enable Event of mouse to increase value of input

hi @artf I want to know Is there any way to enable input mouse scroller in style manager as you can my screenshot. i want to initalize scro...

3 answersUpdated September 17, 2019

Issue #1886

How to create Drop down for the button inside a panel?

I'm trying to create a dropdown while clicking a button. I can append the data using ul, li to a button. Other than that any other way is t...

2 answersUpdated March 21, 2020

Issue #1890

[QUESTION] Disable Drag Feature, Not Ability

I want to create my own dragging and placement abilities. I love grapesjs, but really want more control over how dragging elements work in...

2 answersUpdated March 21, 2020

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

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.

All tutorials →

Tutorial

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Building professional, responsive, email-safe templates has always been one of the biggest challenges for developers and marketers.

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders