Stack Overflow
Stack Overflow

Questions tagged [grapesjs]

GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps.

GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps.

Resources

158 questions
8
votes
3 answers

Get HTML and CSS from grapes.js newsletter editor in Javascript

How to get output HTML and CSS of grapes.js in Javascript ? I am writing a Django app for newsletter, in which I need a newsletter editor for which I used "grapes.js" newsletter. Everything is fine but I am stuck in part where I need to get the HTML…
Ansuman
  • 428
  • 1
  • 4
  • 15
5
votes
1 answer

Is it posible to have multiple grapesjs instances on the same page?

I am using Boostrap 4 Tabs. On each tab, I have an instance of grapesjs. One is using the webpage plugin: const productEditor = grapesjs.init({ container: '#gjs', fromElement: 1, showOffsets: 1, …
Damon
  • 4,151
  • 13
  • 52
  • 108
4
votes
1 answer

How to add iframe in Grapesjs?

I tried some plugins but wasn't able to follow along. Basically I want an iframe to add and preview podcasts and other things. Is there any iframe block like youtube block which comes with grapesjs ?
Rahul
  • 43
  • 1
  • 4
4
votes
3 answers

GrapesJs and PHP - store and load data to show in editor and as HTML page as well

I am using GrapesJS to build a simple webpage. I included the script in the following way inside head part :
Istiaque Ahmed
  • 6,072
  • 24
  • 75
  • 141
3
votes
1 answer

Configure tailwind.css on GrapesJS

GrapesJS is the best tool I ever see to build a drag and drop web builder experience. But I'd like to integrate it with tailwind.css which is a utility first CSS framework. Anyone can tell what is the recommended/best way to set things up to works…
yasiru
  • 155
  • 1
  • 1
  • 11
3
votes
3 answers

How to add an option for js code in grapesjs?

Now I want my JS code also to be exported? How is this done? I have seen that in the block manager if we edit the content as follows editor.BlockManager.add("sample input field", { label: "input-field", category: "sample", content: { …
pragnya tata
  • 77
  • 2
  • 7
3
votes
1 answer

Embedding GrapesJS MJML in a Vue application

I'm trying to integrate GrapesJS MJML into my Vue based application and I'm not able to configure it properly. The editor seems to be loaded, however, the result I'm getting is as follows: https://i.stack.imgur.com/eELsI.jpg MJML is not rendered…
bloo
  • 63
  • 6
3
votes
1 answer

Inserting component Setting into Style Manager

Due to the lack of documentation I have a hard time figuring out how to add component settings (traits) into the Style Manager panel section as it is in the demo. Is there a block of code that exists? I spent 2 days trying to figure this out but I…
Brandon Yu
  • 49
  • 1
  • 1
  • 5
2
votes
0 answers

Not rendering react chart js in production after saving the data from grapesJs editor

Looking for help... I have created a custom block of charts from chartjs in grapesjs and added script to load in grapesjs canvas editor but when I'm saving its HTML to render it on the production page. All HTML portions with style are rendered…
Aadarsh
  • 21
  • 3
2
votes
4 answers

How to render HTML from database in react?

I am working on making custom webpages with the help of Grapesjs. I want to render the html page in react js which has been been saved by the grapesjs editor in the database. Following is the format in which the data is being saved. Right now I…
Ritika
  • 131
  • 1
  • 12
2
votes
0 answers

Pinning CKEditor to specific location with GrapesJS

We have dynamic text areas that the end users can manage the content. The application itself is an angular 9, grapesJS (version: 0.17.27) to allow the users to manage content and replaced the default grapesJS Rich Text Editor with CKEditor4 and have…
SnowOwl27
  • 23
  • 3
2
votes
1 answer

grapes js. insert Traits Manager into StyleManager

I using grapes.js editor and I would like in one column insert StyleManager and Traits Manager. How is this possible? My code: styleManager: { traitsManager: {}, sectors: [{ open: true, buildProps: ['text-align',…
Sasha726
  • 21
  • 1
  • 3
2
votes
1 answer

How to Save a page assembled using GrapeJS to a database using ASP.NET MVC

Well, I am developing my own Content Management System using ASP.NET MVC and for a page builder I've decided to use GrapeJS. Now, since this is new to me, I can't seem to find a way to save the pages I would have assembled using GrapeJS. I have used…
Kudakwashe Mundangepfupfu
  • 55
  • 1
  • 9
2
votes
1 answer

Inline CKeditor integrated in GrapesJS editor

I'm working in an editor application where GrapesJS is implemented. Its editor and feature are working fine. I have integrated inline CKeditor to GrapesJS editor and it has few issues. Multiple inline edit options are showing Sometimes the editor…
Sinto
  • 3,915
  • 11
  • 36
  • 70
2
votes
2 answers

How to disable style editor

I am experimenting with grapes js page builder with the webpage plugin. The issue is that I was not able to find a way to completely disable the style editor they have (I managed to not auto-select the style manager when you click an element) but I…
Stem Florin
  • 896
  • 1
  • 7
  • 18
1
2 3
…
10 11