[QUESTION] How to use grapesjs with static HTML

Question

Sorry in advance for my English.

I'm developing a CMS using Laravel and Vue.js.

I want to use grapesjs for editing page content but with static HTML elements (like navbar, footer ...). Here is a simple image of what I would like to have.

I went through the documentation to try to find answers and did several tests without actually achieving this.

Thank you !

artf · Accepted Answer

There are different ways to achieve the same desired result, so I'd recommend checking these examples: Identify the editable component and ignore everything else https://jsfiddle.net/arturarseniev/aku70f5w/ Identify placeholder components and ignore them https://jsfiddle.net/arturarseniev/w6mvq4bx/

NeekoGta · Answer

I found a solution by combining fromElement: true and this : https://github.com/artf/grapesjs/issues/336#issuecomment-332205060 But I have to use type: 'local' and can't use urlStore and urlLoad anymore. I have to implement myself the save / load.

NeekoGta · Answer

@akkivaghasiya5 2 years ago yes 😆 But trying again today, it doesn't seem to work. fromElement seems deprecated now. @artf It's possible to you to provide example how we can achieve this? Thanks!

How to use grapesjs with static HTML

Question

Answers (3)

Related Questions and Answers

[QUESTION] Background image via inline style not accessible?

Error on resize image.

How we can remove default text content from text component 'Insert your text here' ?

How can I update the nodeValue (text value) of components by inputs forms

Paid Plugins That Match This Issue

Browse Plugin Categories