GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1512Oct 12, 2018by Deepak8132 answers
0 reactions

Undo/Redo not working in Countdown and Navigation element

Hi @artf, when i drag countdown and navigation in live demo and click on undo/redo button then nothing happens.can you please provide some information regarding this. Thanks in advance.

Deepak813

@artf Any Update about this as it's a big issue. User not able to undo/redo the countdown/navigation element once these elements are dragged.They need to delete and dragged element again and do the required changes.

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.

#1511Oct 12, 2018by mcsekar121 answer
0 reactions

Change the html content of the selected component

I am trying to replace the html of the basic Text componet using the below code const component = editor.getSelected(); component.set('content', 'Test'); It gets changed in the canvas but the code still has 'Insert Your text here' appended to it as shown in the below image.

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.

#1510Oct 12, 2018by himanshubudhlakoti2 answers
0 reactions

How to add 2 columns at blockmanager in grapesjs

Hello I am new in grapejs and using grapejs with angular6 i have seen Demo of grapesjs on []( https://grapesjs.com/demo.html). i want to create 2 columns at blockmanager as mentioned on below snapshot marked by red color i want to add 2 columns at blockmanager and when i drop that column on canvas then it should be ap...

himanshubudhlakoti

Hello All, if anyone is able in solving my issue mentioned above please let me know its urgent.

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.

#1509Oct 12, 2018by Deepak8133 answers
1 reactions

How to disable undo button

Hi @artf, Hope you are doing well with grapesjs. Can you please let us know how to disable the undo button when no data present in undo manager and vice-versa.I have check all new events but unable to find the undo active/disactive event.can you help us. Thanks in advance

artf

On undo/redo events https://grapesjs.com/docs/api/editor.html#general you can use Undo Manager APIs https://grapesjs.com/docs/api/undo_manager.html

chrisrobbins

@artf If the undo event needs to be triggered to present it's data, then how can we render or disable the undo/redo btns? Out of the box the Undo/Redo buttons will clear out an entire template if the undo/redo event hasn't tracked anything...

artf

If the undo event needs to be triggered to present it's data, then how can we render or disable the undo/redo btns? ??? You can use the Undo Manager APIs wherever you want, I didn't say you can use it only after undo/redo events.The Update...

#1506Oct 11, 2018by YashPrince3 answers
1 reactions

Css Media Query Issue

Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and then the tab view then media query do not work for mobile view. If we update style for desktop first, tab second and mobile third then everything works fine but if we reverse the st...

artf

@Sharsie #1996

YashPrince

@artf Problem is that if we add a style mobile first and then on tab then mobile view css is override by tab view and all the css applied for the mobile view will not apply on the mobile view as it override by tab view.

YashPrince

@artf Any Update about this as it's a big issue. User can not update css for tab once they apply for the mobie first. They need to delete and readd that element.

#1505Oct 11, 2018by himanshubudhlakoti3 answers
0 reactions

Adding row and sections not working

i am integrating grapejs with angular6. but it is not working means it is not showing on blocks i am using following code

mararn1618

I would suggest that you upload an example to https://www.jsfiddle.net. This does not seem enough to give an answer.

artf

You should add the style

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.

#1504Oct 11, 2018by dlorenzo3 answers
1 reactions

Dynamic height

Hi: Is it possible to have an instance of GrapesJS with dynamic height, as in, the editor adjusts to the content size. What I'm trying to do is to embed GrapesJS in a page with other elements (header, footer, etc.) and having only one scrollbar for the entire page. As you insert content in the editor, the page as a wh...

dlorenzo

Got it working pretty nicely listening to the 'component:update' event, calculating iframe content height and applying it to the editor. Thanks.

artf

Not by default, but you should be able to do so by relying on Events

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.

#1502Oct 11, 2018by mudit-mittal3 answers
0 reactions

Creating multiple child element after editing using RTE

Hi All, I am getting below issues which are related to RTERTE creating multiple child's as action performed on text block. Ex:- suppose we performed same action (Bold) three times in sequence on same text block then its creating three child's on the same element.Font action in RTE is only supporting font size values b...

mudit-mittal

Hi All, Please find step for reproducing this scenario 1) Initial state 2) Perform Bold Action then Italic Action then Underline Action 3) Again click on Bold Action then Italic Action then Underline Action Actual:- Getting three extra <sp...

mudit-mittal

Hi All, rte.add('fontSize', {icon: <select class="gjs-field"><option>1</option><option>4</option><option>7</option></select>,// Bind the 'result' on 'change' listenerevent: 'change',result: (rte, action) => rte.exec('fontSize', action.btn....

artf

This is just how execCommand works and the built-in RTE is based on it. If you need something more sophisticated you can try grapesjs-plugin-ckeditor or implement any other 3rd-party editor by following this guide: https://grapesjs.com/doc...

#1501Oct 11, 2018by mararn16182 answers
0 reactions

Issue with editor.destroy() and reinitialization

With GrapesJS 0.14.33 editor.destroy() was introduced (https://github.com/artf/grapesjs/commit/52f8bdf2e894de536d44c1699c1e18bbaf52488f), so that it is possible to initialize, destroy and reinitialize an editor.Problem After initializing, destroying, re-initializing, I am however experiencing exceptions when editing t...

mararn1618

Hey @artf , are you planning to fix this in future releases? I belive this is relevant to many other issues people encounter, especially when using JS/SPA frameworks.

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.

#1500Oct 11, 2018by chaitanya112 answers
0 reactions

How to save and import created design

after creating some designs how to save and import them in to grapesjs?

chaitanya11

Got info from #778.

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.

Browse all topics