GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

1,399 issues found

πŸ” outdated
#1380Aug 24, 2018by bright-ic2 answers
0 reactions

How can i make elements absolutely positioned on canvas by default when dropped.

Grapejs is what i have been looking for over a long time now. Though by default, all elements are relatively positioned when dropped on the canvas and i don't want that. I want the elements [blocks or components] to be absolutely positioned and can be dragged to any part of the canvas. Your help would be saving me a g...

artf

Hi @bright-ic what you're asking is what we call the Designer mode, it's on our Roadmap but unfortunately not yet implemented :/

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1379Aug 23, 2018by Abhisheknanda13444633 answers
1 reactions

How to replace style-manager font-awesome icon into svg?

hi @artf i Want to replace an icon of style manager with svg icon . As you can see screenshot attached. I tried dat way.

artf

Yeah put those changes inside your plugin

artf

???... your code is all broken (check the syntax) Probably you want something like this

Abhisheknanda1344463

Please re-open this issue. hi @artf I also tried this way pnm.getButton('views', 'open-sm').set({ label: <svg> width="1024" height="1024" viewBox="0 0 1024 1024" style="margin-left: calc(50% - 0.5em)"><g transform="scale(0.03125 0.03125)">...

#1378Aug 23, 2018by HakuTheWolfSpirit2 answers
0 reactions

Custom Tabs

Hey, I just wanted to know, whether it is possible to add a new tab to the grapes editor from a plugin. Like the Blocks, Style or Traits do have one.

artf

It's just a styled Panel so you can add/remove buttons

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1376Aug 23, 2018by ionic6662 answers
0 reactions

About the path of the styles

hi,i want to know the path of the styles. i want to use local css,and the local directory structure is as follows . I tried many times and it didn't work。 Can you tell me the correct way to write it

artf

I don't know exactly how the path is generated for you but you can easily inspect the grapesjs' iframe and check inside which path is used

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1374Aug 22, 2018by emilsedgh3 answers
1 reactions

Default Component Properties

Is there any way I can change the default properties of components? I want almost everything to be copyable: false, resizable: false, draggable: false unless the loaded component specifically provides a data-resizable=true. So basically I want to whitelist some components to enable these instead of blacklisting. Is it...

jereddanielson

@artf FYI that doesn't exactly work as needed. Updating the default component's default properties does not take effect for already-defined components (such as built in table, textnode, et. al.) because they have already extended the defau...

artf

You can update the default component https://grapesjs.com/docs/modules/Components.html#update-component-type

artf

@jereddanielson correct, this is how you should do to update also already defined component types. Thanks for pointing this out

#1373Aug 21, 2018by dsepulved2 answers
0 reactions

Backbone Deferred

Hi, I am using backbone-deferred https://github.com/arhea/backbone-deferred, when starting GrapesJS this library is deleted, I have to restart the application to get it back, any way to solve it please?

artf

I don't know, try to load that library after GrapesJS or maybe check this http://backbonejs.org/#Utility-Backbone-noConflict it might be an issue as grapesjs, once compiled, contains its own version of Backbone

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1372Aug 21, 2018by mm5804862 answers
0 reactions

Change block on export

i want change my view but not on export for sample i added this code and now i want show this code on view how can i take this action ?

artf

I'd make a custom component to handle such a case.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1370Aug 18, 2018by rajatkumcom3 answers
0 reactions

Need to change Grapes Js Dynamic ID selector.

Its not a issue,I need some help. I have integrated Grapes Js with Drupal 8, for styling Drupal elements. I don't want the id selector which you are generating dynamically, instead it select the id of the element if it has id or ask user to enter it. Actually we don't have control on HTML elements. Only we can control...

rajatkumcom

artf

GrapesJS outputs style in CSS, it doesn't inline it, so in this case, it would require the user to indicate always the ID before applying the style, so it works like that by design

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1369Aug 16, 2018by alimajed933 answers
0 reactions

Class of a block doesn't always show in the classes section

Hello everyone, I have added many custom blocks and gave the same css class to all the images in those blocks. Let's call it for now 'image-class'. When I drag and drop 2 of those blocks and select 1 image in 1 of the blocks, the class 'image-class' does not show at first click in the classes section in the panel on t...

artf

Can't reproduce it, just provide a live demo (as I suggest in the issue template) with that block

alimajed93

I will share with you some screen shots that will surely make this problem clearer:Step 1: Drag a drop a block in the canvas and select it by clicking on it <img width="642" alt="screen shot 2018-08-21 at 10 16 29 am" src="https://user-ima...

artf

I understand what is your problem but still, you have to post a live demo because I can't reproduce it. It might depends on many stuff, just screenshots are not enough. I'm not even sure you're using the latest version, so update it please...

#1366Aug 15, 2018by blairpanek3 answers
0 reactions

Duplicating CSS

On newest version of Grapesjs. I can replicate bug on both. Linux Ubuntoo, Moxilla. I expect that the css only shows up once, otherwise it'll be to much in the window for use when exporting it. Css gets duplicated. Duplication happens with @keyframes styles. So clear canvas drag tabs block onto canvas export import an...

artf

@blairpanek I don't understand how to reproduce the issue, provide a live demo please

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

yomeshgupta

@artf Great work on the project! However, I noticed that CSS inside media queries are repeating itself. Any idea why? Facing the same issue on my local machine too. Happening on the demo page too : https://grapesjs.com/demo.html

Browse all topics