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
0
votes
0 answers

GrapesJS countdown and navbar plugin doesn't render correctly

I have react-grapesjs project and grapesjs-react version is 4.0.1. This is correctly store when I click SAVE button and generated page is looks good when I open it in browswer. But the problem is, the builder styles are broken when I come back to…
Anton
  • 11
  • 4
0
votes
1 answer

grapesjs how to disable embedAsBase64?

I try to disable grapesjs embedAsBase64 on the image insert without success! From this :
0
votes
0 answers

Is it possible to incorporate ejs code into grapesjs?

I'm using grapesjs on a project and I want the user to be able to drag in a block that would add an ejs script, for example <%= data.title %> I've tried doing it just like that, but the exported html is <%= data.title %< plus it looks ugly in…
DontAsk_
  • 139
  • 2
  • 12
0
votes
0 answers

Render grapes js from saved object

i am using Grapes.js and i want to know how can i render saved object (in my database) to ONLY show in user section. in my admin i can edit and save or edit pages but i want to use the saved data to show the HTML, CSS and JS part in my page. note: i…
0
votes
0 answers

Adding Zoom-in-out Canvas Functionality in GrapesJS Editor

I want to implement Canva like UI for GrapesJS Pages(screens) to render, edit all the screens present in GrapesJs PageManager in React JS. According to the knowledge I have, functionality to render all the Pages(screens) in the GrapesJs is not…
0
votes
1 answer

import a css file into a javascript to convert it to a string

i am not sure if is possible to do in plain js i am trying to add some styles to a style tag loading from a css file, My problem is, i don't know how to read the file to transform in a string I can't find a solution to do something like import…
0
votes
1 answer

Editable Label And Checkbox Not Working In GrapesJs With React

I am working on grapesjs and Building a custom block. The Problem is that I Want to make the checkbox workable and label to be editable when someone clicks on it. I tried to read documentation of grapesjs and other google stuff but it didn't work…
0
votes
0 answers

GrapesJs webpack error after trying to upgrade, utils/mixins not found

when i run my project, i get this error: Failed to compile. Module not found: Error: Can't resolve 'utils/mixins' in /node_modules/grapesjs/src/common' ERROR in ./node_modules/grapesjs/src/common/module.js 2:0-58 I have tried installing: npm i…
Nabeel Khan
  • 3,715
  • 2
  • 24
  • 37
0
votes
0 answers

countdown doesn't apply styles when load gjsProject data in grapesjs-react

I save the localstorage-gjsproject to my database after page build, And I load it, But countdown style doesn't apply because gjsProject content changed localstorage's gjsProject…
0
votes
1 answer

GrapesJs CLI: modify webpack5 to add multiples entry js + scss

i am trying to configure a plugin with multiple js entry point in my webpack; Each JS contain the JS fuctions and import the style in scss format (that scss file will be process with a loader in webpack) My goal is get something like this already…
0
votes
0 answers

grapesjs-plugin-filestack.min.js:2 Uncaught Error: Filestack's API key not found

Why am I getting this error while importing "npm i grapesjs-plugin-filestack"? I have already attached script file and after this I am getting the mentioned error How can I solve this issue? import React, {useState, useEffect} from "react"; import…
0
votes
0 answers

Change Trait For Custom Block (GrapesJS)

I have built custom block in grapesJs in react. It is showing its default components settings but I want to replace it with my own when someone drags and drop my custom tool. I tried reading blogs but unable to solve problem Default Component…
0
votes
0 answers

GrapesJS - I can't load saved template from database

I am currently working on a HTML/PHP/JS application where I am integrating a GrapesJS editor instance. My instance is displaying very well, adding blocks as well and saving to a MySQL database (JSON format + inlined-html). When I want to access the…
0
votes
1 answer

How to make a component stay in that position where it is dragged and dropped in GrapesJS

How to make a component like image or text stay in the place where we dragged and dropped on the canvas. By default it is sitting at the top on the canvas every time we drag and drop. So how to allow it to move anywhere in the canvas as well.
0
votes
0 answers

Property are added as file name in Grapes JS ( css issue)

I added some components in grapes js, for one particular ID (#adSection), it takes the property "display: none", I tried to override this property by adding inline CSS, but it's not working. I tried everything to override that by nothing helps me,…
Hema Ramasamy
  • 686
  • 1
  • 6
  • 16