GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#3116November 6, 2020by aadilmehrajbhat1 answer
1 reactions

[HELP WANTED] How to load css that can viewed in code viewer and also exported while saving

Hi :wave: I am trying to load some CSS within the editor as part of the theme, I am able to link stylesheets as part of loading but the problem that I am facing is when loading the styles directly using <style> tag, I am able to view the serialized version via editor.getStyle() but editor.getCss() only contains the pr...

artf

@AadilMehrajBhat First of all, display: 'block' is not a valid CSS value for that property (it should be display: block) and then .d-block is not used anywhere in your template so the result is automatically optimized by removing unused st...

#3115November 6, 2020by xinyufyj3 answers
1 reactions

BUG: component droped position is wrong when I changed canvas size under Absolute/Designer mode

WARNING I changed the canvas size and I drop a compent from blocks panel. The result is compent postion is wrong. By the way, the editor is under 'Absolute/Designer' mode. I read the source code of the drop part. I found the compent drag start position is not based on 'editor.Canvas.getFrameEl()'. So, is this right?

xinyufyj

@artf OK, I provide some screenshot for explaining.Sorry for my bad English.

artf

Can you provide a live demo of the issue?

artf

I close this issue as I'm planning to solve all ones related to absolute positioning here: https://github.com/artf/grapesjs/issues/3770

#3114November 5, 2020by anushabivera1 answer
0 reactions

How to customize View Code functionality in grapesjs-plugin-boilerplate?

Hi I am using grapesjs-plugin-boilerplate to develop my grapesjs ui builder. My requirement is to customize the View Code (</>) feature in the ui builder to display the contents from editor.getHml() enclosed by html tag as below: <html> <head> </head> <body> ${editor.getHtml()} </body> </html> I followed the solution...

artf

ERROR in Template execution failed: ReferenceError: editor is not defined Without showing your code the error is useless... definitely, you forgot something somewhere, try to debug... BTW grapesjs-plugin-boilerplate is deprecated, you have...

#3113November 4, 2020by excitedbox1 answer
0 reactions

FEAT: Third party plugin list

From the Grapejs in the wild thread it looks like many people have released additional plugins and features for Grape. Wouldn't it be nice to make a pinned thread with all the 3rd party stuff?

artf

Hi @excitedbox I'm planning to make a curated list of 3rd party plugins for GrapesJS ;)

#3111November 3, 2020by theSC0RP2 answers
1 reactions

Question: How to trigger something (function) on adding asset?

Hi, @artf. What is the correct way to trigger a function when an asset is added to the assets by providing the link and then pressing the 'Add Image' button? I am running the open-assets command on an onclick event of a button in a custom panel and then trying to call a function when an image is added to the assets. I...

theSC0RP

Hey, @artf. I fixed the issue by changing the structure of my code. I was doing something wrong (my guess is that multiple instances of asset manager were open which ran the // my code part multiple times)

artf

Sorry @theSC0RP but I really don't understand what is your issue here. Are you able to provide a live example and clarify the steps?

#3110November 2, 2020by DBain07No answers
0 reactions

Hide Classes section from Style Manager UI

Hi, I'm hoping to be able to hide the classes section from the style manager UI. I was looking at #448 which said to use .gjs-clm-tags { display: none; }, however, I'm not exactly sure where or how I should be using this. Any help is appreciated. Thanks

#3109November 2, 2020by kuhelbeher1 answer
1 reactions

BUG: CKEditor is collapsing

Hi, I have an issue with CKEditor. When the block is too narrow when I edit it CKEditor is collapsing: Is there a way to prevent this behavior? I noticed that in Grapedrop CKEditor has normal view even though the element is narrow. I'd be appreciated for any help.

artf

Hi @kuhelbeher I've defined a min-width for the RTE container via CSS :)

#3108November 1, 2020by vijaycreatise2 answers
0 reactions

Move Layer up & down with arrows

Can we move layers up and down with arrows or with buttons? This will be helpful in mobile to move the layers.

artf

In the core, there is no such functionality but for sure you can add your buttons and use the API to move components up and down

vijaycreatise

@artf thanks for the reply and grapesjs is awesome, great work. I went through the API but not able to find out which one to use. Can you please help me out which api should I use?

#3107October 30, 2020by lebonsavane1 answer
0 reactions

Creation of a type

I need to create a type of component like "link" but when i deploy it with npm start nothing happened and my component which is defined as a fusion type is not recognized. In the compilator they said "Component type not found. Can someone help me ? @artf

artf

Please read here how to create custom Components and how to properly use them in your plugins

#3104October 29, 2020by CoolWindNo answers
0 reactions

CA Language support

I'd like to contribute by submitting a Catalan translation. A pull request will be created in a minute. Thank you very much for all work put in this project!