GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1888Mar 13, 2019by RobertoCorreale3 answers
0 reactions

Add custom html inside canvas

Hi there, I'm using grapes to export a custom json with all the information i need, instead of HTML and CSS. For doing that I'm parsing the gpjs-components stored on localStorage. Now iI need to customize how components are rendered inside canvas. For example I have an Input component with two traits (label and value)...

artf

I think is because adding new nodes inside the canvas, grapes cannot calculate the correct order. Correct, the order is based on components in the model, not the view. So, just to be clear, that <label> you're adding in updateComponentView...

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...

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.

#1887Mar 13, 2019by sakshigarg93 answers
0 reactions

Get JSON of specific gjs-data-type

I want to export JSON of only a specific gjs-data-type="img" I'm trying this but it doesn't give any result:

prashant2018

Could you please include the file name which contains this code snippet ? If I am not wrong it is in panels/index.js

sakshigarg9

Yes

sakshigarg9

thanks @prashant2018 using editor.DomComponents.componentById.image I was able to get the desired JSON

#1886Mar 13, 2019by sdrebel2 answers
0 reactions

How to create Drop down for the button inside a panel?

I'm trying to create a dropdown while clicking a button. I can append the data using ul, li to a button. Other than that any other way is there? Ex: When I click a file button, respective operations should be displayed like Open, Close etc.

artf

Follow the issue template and explain better your context (are you talking about components? editor UI??)

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.

#1884Mar 12, 2019by mjshalash2 answers
0 reactions

Positioning Rich Text Editor where rte.selection() is located

I would like to be able to position the Rich Text Editor toolbar right above the text a user highlights inside of a div/textarea/etc. The reason for this is when the text sections are too large and the top nor the bottom of the component is visible then it would be convenient for the user to just see the toolbar appea...

artf

It's a bit out of the scope for the RTE and, personally, I don't plan to invest time on this

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.

#1882Mar 12, 2019by nethzor2 answers
0 reactions

Dynamically changing Trait Properties

Hi, I went through the other questions posted here and could not get it to work. All I need to do is to access a specific trait of a specific component (or selected one) and to set some of its attributes. I default the trait to display: none and when I did some server logic the trait gets a value and is displayed to t...

artf

Please read carefully this https://grapesjs.com/docs/modules/Traits.html and check your code, it's a bit a mess (you're mixing component code inside traits)

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.

#1881Mar 12, 2019by lucasschirm3 answers
0 reactions

Commands with a stop method, never programmatically stoped don`t run again!

Problem When you add a custom command with stop and dont stop will not run again if I dont set force: 1 as a parameter when running. When you add a custom command with a stop method like: var fired = 0; editor.Commands.add('custom-command', { run() { fired++; console.log("fired ", fired); }, stop() { console.log("Comm...

artf

Hi @lucasschirm and thanks for the report. As you've might notice this is the breaking change we've introduced in the latest version https://github.com/artf/grapesjs/releases/tag/v0.14.55 The reason behind it is quite simple. If you create...

lucasschirm

Thank you, I've sended an PR about the modal closing not firing the modal I close trigger. On Thu, Mar 21, 2019, 3:14 PM Artur Arseniev <[email protected]> wrote: Hi @lucasschirm <https://github.com/lucasschirm> and thanks for the r...

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.

#1880Mar 11, 2019by Gianglo2 answers
0 reactions

Disable drop only for a specific block

Hello, There is a way to specify the blocks that should NOT be able to be inserted within a specific droppable block?

artf

Yes, you can specify a component with a draggable property like this *:not(.cant-insert-here)

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.

#1879Mar 11, 2019by lyczos2 answers
0 reactions

Traits manager - image type field.

Hello, I want to add a new field in traits manager (components settings). This field should select an image from the assets manager and retrieve back URL link to the image)after selecting an image from assets). I just want to ask is there any smilar built-in solution in current GrapesJS version?

artf

I just want to ask is there any smilar built-in solution in current GrapesJS version? Unfortunately no, maybe one day we'll create a common module for UI elements but currently, there is no one, so you have to create a new custom trait.

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.

#1878Mar 11, 2019by MisterFK1 answer
0 reactions

Issue in wiki from the last release

Hi, I have the same bug than the wiki. The panel layer, style, traits, etc... have some issue. How can i resolve this plz?

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.

#1877Mar 11, 2019by jwilson-lyonscg3 answers
0 reactions

Custom styles that add/remove custom classes?

Currently, all the style manager values that you change for an element simply update a <style> tag inline in the HTML. Is it possible to change this behavior so that changing the CSS values adds or removes custom classes to the element? A good reason for this is Bootstrap 4. 99% of Bootstrap customization involves sim...

artf

It's already possible with Classes section (you can remove/toggle/update them)

jwilson-lyonscg

Have you considered that the potential target audience for such a tool (think eCommerce merchandisers) has no idea what "classes" are in HTML and would be able to greatly benefit from having simple dropdown menus to choose from predefined...

artf

Have you considered that the potential target audience for such a tool (think eCommerce merchandisers) has no idea what "classes" are in HTML and would be able to greatly benefit from having simple dropdown menus to choose from predefined...

Browse all topics