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
1
vote
1 answer

Difference between script filed and life cycle methods in Grapesjs?

I am new to Grapesjs, and i find the intro in Grapesjs doc website: so if we have code like this: editor.BlockManager.add('test-block', { label: 'Test block', attributes: {class: 'fa fa-text'}, content: { script: "alert('Hi');…
Limboer
  • 373
  • 4
  • 24
1
vote
2 answers

Can I integrate grapejs website builder into my own website

Does anyone know if I can integrate GrapeJS into my own website so clients could build their own websites using it? IF anyone has done this, how easy is it and are there downsides?
brett m
  • 91
  • 1
  • 10
1
vote
0 answers

Parsing HTML with jQuery's $.get(), subsequent manipulation of object does nothing

I'm currently in the midst of making myself a site-wide page-builder utilizing GrapesJS and JS/jQuery to get selected content, parse said content, and finally initialize GJS. My problems all stem from parsing and subsequently converting relative…
Pat
  • 78
  • 2
  • 14
1
vote
1 answer

load remote html file into grapesjs

Able to fetch my remote HTML file using load URL and getting status ok, how can I load this fetched HTML AND CSS into editor? currently I'm getting blank screen inside editor. What I tried so far: storageManager: { type: 'remote', autosave:…
Ade Owolaike
  • 77
  • 2
  • 7
1
vote
4 answers

Integrate GrapesJS with React JS

I am trying to integrate GrapesJS Feature with my React APP. I get an error while implementing like `Uncaught TypeError: Cannot read property 'forEach' of undefined grapesjs react` I would like to have a feature like in this…
Rishi
  • 131
  • 1
  • 10
1
vote
1 answer

Angular 7 how to execute script tag from dynamic HTML

I'm integrating GrapesJS with Lory slider into angular 7, and I need to load inline scripts that the editor generates to give functionality to the slider. I need to load dynamically components inside the HTML that's why I use "dynamic-html"…
1
vote
1 answer

Could not find declaration file for module grapesjs

I'm trying to incorporate GrapesJs with React. I installed grapesjs using npm i grapesjs in node environment. But when I try to import it using import grapesjs from "grapesjs", it doesn't import it and says that the declaration file for module …
1
vote
1 answer

Grapesjs deleting custom tool issue

After deleting grapesjs custom tool ( from html editor ) that contain html with Js code , the code still in the grapes editor , how i can remove it ?
Mikhail Fayez
  • 421
  • 3
  • 15
1
vote
0 answers

GrapesJS set link "src" placeholder onLoad

I implemented a small GrapesJS editor that allows to edit Django/Jinja2 templates. GrapesJS by default is trying to GET the image src of my element: The request…
PepperoniPizza
  • 8,842
  • 9
  • 58
  • 100
1
vote
1 answer

Add attribute to Child element in Grape Js?

I'm working in grape js for the long time . Now I face some issue init. Issue: This is the component I try to add in Editor.
After adding those components I…
Subhangi Raj
  • 55
  • 1
  • 5
1
vote
1 answer

GrapesJs news letter builder integrate component with free marker annotations

From Issue i create 10 Days ago i need help in solving .... Hi Explanation Am using news-letter-preset its cooool Problem I have un desired behavior More Info About The Problem Check below two links and try do export can you tell the difference here…
shareef
  • 9,255
  • 13
  • 58
  • 89
0
votes
0 answers

how to get responsive section of two columns in grapes js

{ id: "b2", label: "COLUMNS", media: `
0
votes
1 answer

Trigger events from custom GrapesJS panel

I have a custom panel that is being added to GrapesJS editor. The panel has a dropdown of values. I would like to trigger a function to run when the selected item in the dropdown is changed. I have tried the following…
Elfalem
  • 347
  • 3
  • 17
0
votes
0 answers

grapesjs: Type '{ id: string; el: string; }' is not assignable to type 'PanelProps'

i'm using grapesjs in my angular (16.1.3) application, when i'm trying to add a panel it throwing below error, Type '{ id: string; el: string; }' is not assignable to type 'PanelProps'. Object literal may only specify known properties, and 'el'…
sanjai
  • 128
  • 1
  • 1
  • 13
0
votes
0 answers

CMS using grapes js in next js

I'm developing a website builder using Grapes JS (Next.js). Could someone provide guidance on creating a CMS similar to Webflow? Please guide me through the fundamental steps, as I'm unsure where to begin.