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

Catch style change events in GrapesJS

I am trying to process the style changes that are applied to the current component by one of the styles panels. I am aware of the event "style:property:update", which is fired, when a change in the style panel is made, but it also fires, when the…
codalf
  • 1
0
votes
0 answers

the problem of grapejs changed my code after saving

I'm using Grapesjs as my newsletter editor and which made two problem happened. Q1/ I've used ckeditor as my text editor. but after being stored in the database, the attribute of the text will translate from data-gjs-type="text" to…
J L
  • 1
  • 1
0
votes
0 answers

Save video on server after drop file in canvas

Hope you all are doing great. I want to drop video file from outside grapesjs on canvas and save in Database. What I have done so far is dropped the video successfully and convert the video file to blob to show, but when I refresh the page, the…
0
votes
0 answers

Grapesjs Open Rich Text Editor

I am trying to use grapesjs and I have a problem with Rich text editor. My question is how can i open rich text editor when i click on custom created type. This is my type definition: id: '1', name: 'sc-link-type', model: { …
Selvi Manafov
  • 25
  • 1
  • 5
0
votes
0 answers

How can I render my Django variable and tags from my custom html code that is coming from sql database

I am using GrapesJS and Django together when I save GrapesJS html it doesn't save my dynamic variable for instance "Copyright {% now "Y" %}" it wants to save "Copyright 2023" instead. So before I save to database I do a re.sub and change "2023" back…
0
votes
0 answers

GrapesJS asset manager not displaying assets

I'm using the latest version of GrapesJS at the time of this writing. I'm following the example on the website (https://grapesjs.com/docs/modules/Assets.html#initialization) but the pre-loaded assets are simply not displaying. I've tried every…
ScoobaSteve
  • 543
  • 1
  • 5
  • 19
0
votes
0 answers

Integrating GrapesJS with CKEditor 5 keyboard problem

I am trying to replace the GrapesJS RTE with CKEditor 5. I can get the CK editor to display, but the content of the editor is always locked. No matter what key is pressed no input is entered. I can style text in the box, just not type with the…
0
votes
1 answer

How to change the editor default color to some other color in grapesjs in React?

How to change this default color into some other color in grapesjs?
Sunisha Guptan
  • 1,555
  • 17
  • 44
0
votes
0 answers

How to load downloaded templates in grapesjs?

Am downloading free templates from the websites like; free-css beefree/business-services/marketing-and-design How can i load the template in grapesjs editor. including css, html, assets etc. Note: If I copy the images to public images folder the…
Sunisha Guptan
  • 1,555
  • 17
  • 44
0
votes
1 answer

Grapejs together Vue

I'm using Grapejs with Vue and so far it seems to work fine, I'm having a problem with the "grapesjs-preset-webpage" library. I am not able to add more HTML options, such as "Columns", "Videos" and other settings that at least appear when using the…
Crazy
  • 346
  • 1
  • 4
  • 17
0
votes
0 answers

Can not resolve the error in vercel regarding grapesjs Error occurred prerendering page "/plugins/testimonials/testimonialblock2"?

I have build the website builder using grapesjs in Next js. The app runs fine at the dev but when i deploy the application on vercel. it gives error. I have use grapesjs in this application and when i render my grapes js template in my module it…
Anosha Sheikh
  • 61
  • 1
  • 1
  • 4
0
votes
1 answer

simple grapesjs integration into angular, running into import problems

Currently following this article https://esketchers.com/integration-of-grapesjs-with-angular/ to integrate grapesjs into my angular project, however I'm running into some issues. When I import grapesjs into my .ts file using import grapesjs from…
0
votes
0 answers

Use GrapesJS with Node

I am trying to use GrapesJS with node JS and am new to both. I have run npm i grapesjs and set type: module in my package.json file. I run - node myjsfile.js in cmd prompt but the problem is that I get unknown file extension for the css file when I…
0
votes
0 answers

Is there a way not to include the hover style when copying/pasting a grapes js content

Steps done to encounter this issue I have an element with a blue background, then if I hover it, the background color turns black. When I Copy the text inside of that element, and paste it also on that element, it creates another span with a…
0
votes
1 answer

How to resolve error Cannot assign to read only property 'defaults' of object '[object Object]' in react and grapesjs?

I am integrating drop down web builder with react and grapesjs but getting error while initializing grapesjs This is my editor component import React, { useEffect, useState } from "react"; import { useParams } from "react-router-dom"; import axios…
Alana
  • 1
  • 1