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
0
votes
1 answer

grapesjs-preset-webpage: Cannot use namespace 'Editor' as a type

i'm about to use grapesjs preset webpage, worked as per the guide, and installed the plugin grapesjs-preset-webpage and added the style and scripts in angular.json file, without plugin the code is working fine with base blocks and panels, when using…
sanjai
  • 128
  • 1
  • 1
  • 13
0
votes
0 answers

i'm using grapesjs and i want to save data into my database but the url that grapesjs send is the url of the page

i want to save data into my database but the url that grapesjs send is the url of the page not the url that i provid in the storemanager urlstore this is my code import 'grapesjs/dist/css/grapes.min.css'; import plugin from…
Mehdi Tayarth
  • 1
  • 2
0
votes
1 answer

Intergrating GrapesJs with Vue3

So lately i have been trying to add grapesjs editor in my vuejs project, and things didn't go as planned, i can't see the editor in the browser, and the tag that is supposed to contain the editor is empty. This is my editor…
mouse
  • 15
  • 2
0
votes
0 answers

Grapesjs - issue with Storage manager "type: 'remote'"

I am using Grapesjs version 0.16.45 and the following is my storage manager Storage manager const storageManager = useMemo(() => ({ type: "remote", fromElement: false, id: "gjs-", contentTypeJson: true, …
aravind
  • 1
  • 1
  • 1
0
votes
0 answers

How to add react component as a block in grapesjs

I am using grapesjs in my react project as shown below in code. I can add block with simple html which i can then drag & drop into canvas and its working perfectly. I have already built react components which i want to add as block in grapesjs. Can…
Zohab Ali
  • 8,426
  • 4
  • 55
  • 63
0
votes
1 answer

GrapesJS trait does not appear after reloading the editor

I have a React web app (using TypeScript, if it matters) that I'm trying to integrate GrapesJS html editor into. It's rendered in a functional component that gets updated with external dependencies, refreshing the editor. There is a defined block…
Asaf Sitner
  • 599
  • 1
  • 10
  • 18
0
votes
0 answers

In GrapeJS Add a class to a DIV tag using traits

I can't solve a problem related to traits in grapejs I created a traits that acts on the DIV and SECTION tags It should give the possibility to add a pre-determined class (contained in a drop-down) to a DIV element. On data attributes it works for…
MarcoZ
  • 1
  • 2
0
votes
0 answers

Build GrapesJS from source

I want to build from grapesjs I downloaded @Version 0.21.2 npm install npm run build ... but I get the following errors: FAIL test/specs/asset_manager/view/FileUploader.js ● Test suite failed to run TypeError: Cannot redefine property:…
Sebastian Rakowicz
  • 1
  • 2
0
votes
0 answers

How to prevent browser default page saving dialog pop-out in GrapesJS saving command

I would like know to how to prevent browser default page saving dialog pop-out when clicking CTRL+ S. Below is my command code for saving function of GrapesJS keymaps.add('ns:save-keymap', '⌘+s, ctrl+s', editor => { …
Tung
  • 31
  • 4
0
votes
0 answers

After JSON.stringify Components have not all fields

I'm not sure it's a bug or not, but for me, the behavior look strange I have a component List that includes, component ol and component li. That code for block { id: 'list', label: 'List', category: 'Typography', media: `
Stanislav Dimitrenco
  • 1
0
votes
0 answers

Is it possible to add border-top, border-right,border-left properties individually under the decoration heading in grapesjs. similar to border radius

Im not able to add left right bottom top border width using grapesjs style manager. Im using grapesjs-0.20.2 border-left ,border-right, border-top border-bottom
Muthu
  • 25
  • 3
0
votes
0 answers

Chang default Asset Manager to my own Component - Grapesjs

my plugin selectImage in Component: GrapeComponent.ts selectImage(editor:any) { editor.BlockManager.add('select-image', { label: 'Image', category: 'Basic', activate: true, select:…
Hùng Anh Nguyễn
  • 1
0
votes
0 answers

Add splide.js to a Grapes.js template with react as front end and laravel as backend

I have a component which is using Laravel as backend and frontend is grapes.js integrated in react and the editor is saving the data in string format and Grapes.js editor is reading the string coming from backend . But the problem is there is…
lata sharma
  • 1
  • 1
0
votes
0 answers

How can I add a custom Angular component as a block in GrapesJS editor?

I'm trying to add a custom Angular component as a block in the GrapesJS editor, but I'm having some trouble getting it to work. I've followed the instructions in the GrapesJS documentation and created a plugin that registers the component type, but…
Gaya3 Govindaraj
  • 73
  • 5
0
votes
0 answers

Grapesjs Block got resetted everytime i change class

I'm trying to create a custom plugin for GrapesJS but I'm having some issues with it. This plugin will add custom block with type bootstrapIcon, when i double click the component icon picker modal will show up then i can choose what icon i want. The…
user3026767
  • 1
1 2 3
…
10 11