GrapesJS Issues

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

3464 issues found

#2613March 2, 2020by Rasazna3 answers
0 reactions

Dragging blocks into another block

WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...

Rasazna

I am using gridly and high charts as two different blocks. I will drag the gridly block first and drag the the chart into the gridly block. How can this be done. I am only able to place the chart around the gridly block. But I want it insi...

artf

Please read the documentation first, seems like you have no idea how Components work...

Rasazna

can you just help me how to do it . I still could not figure it out. A sample code would be really helpful.

#2612March 2, 2020by pradeeshattlee1 answer
0 reactions

GrapesJs Asset Manager Not working with iPad & Touch enabled devices

Hey @artf I have a question around Asset Manager. When uploading an image via computer or URL You can create image blocks with the command from the left panel and edit them with double click everything Seems to work perfectly. But when I try the same in an iPad or a Touch-enabled device it doesn't work I used this Plu...

bgrand-ch

Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...

#2611February 29, 2020by orionseye2 answers
0 reactions

[HELP] Dragging external content to Canvas

I am trying to add d&d functionality from a modal which lists a bunch of html files (html snippets) .. into the editor canvas. Each of them enclose the content with a <section> I tried to use 'canvas:dragdata' to allow dropping into canvas As i understood, this is to extend the file types can be dropped, GrapesJS supp...

orionseye

I am clarifying what i want to achieve: I have some 100+ html snippets which i use on current 'handcrafted' builder and need to migrate them to GrapesJS. To my surprise,, this doesn't seem to be a straight forward job. Currently, with 2 Aj...

artf

Here you can find how to do that https://github.com/artf/grapesjs/issues/2595

#2610February 28, 2020by AbdiasM3 answers
0 reactions

Style gets lost on deselecting a component when using rte.exec method

Hi @artf, When setting the backcolor/forecolor (or any other formatting like fontsize, etc) using the RichTextEditor toolbar, the formatting gets lost on deselecting > selecting and deselecting the component again. Please see the demo on code pen - https://codepen.io/AbdiasM/pen/LYVydpr Moreover, the RTE toolbar doesn...

AbdiasM

Anyone?

AbdiasM

Solved this by setting avoidInlineStyle: 0, forceClass :0, in editor's config However, the issue still occurs if template is imported. It can be reproduced on the GrapesJS demo page (https://grapesjs.com/demo.html) as well.Import the follo...

artf

Thanks for the report @AbdiasM we're already aware of the issue, it should be fixed once #1470 will be solved (so you can subscribe to the issue there)

#2605February 27, 2020by alesub2 answers
0 reactions

[BUG] Getting a 404 on mixins.js

First of all, thank you for this great tool.I'm using the latest version.The bug happens with a local copy of GrapesJS.MacOS - latest Chrome browserThe bug is not present on the demoExpected behavior: have the editor loading without any errorsWhat happens instead: I get a 404 error when the editor is appending styles...

artf

I think it's coming from cssIcons, seems like I forgot to check the value somewhere

alesub

Amazing, looking forward for the next release! Thanks!

#2603February 26, 2020by CharlesBilbo1 answer
0 reactions

[BUG] Storage Manager type:remote breaks containment

It seems that whenever the parameter type: 'remote' is added to the storageManager it causes the container to break thus putting elements in visual editor that should not be selectable such as the iframe ( https://imgur.com/a/dytYIV7 ). var editor = grapesjs.init({ allowScripts: 1, avoidInlineStyle: 0, container: '#gj...

artf

@CharlesBilbo if this is a BUG, you have to open the issue correctly by following the template and provide a reproducible demo. From what I see now it might be something wrong on your side, you have the gjs-* class applied on the body?! De...

#2601February 26, 2020by cristianumali222 answers
1 reactions

[QUESTION/BUG?] Dragging second block don't haveCSS

Hi! I've manage to create different blocks with their own HTML and CSS using BlockManager. But once I drag the same block, the CSS is not working. I've already debug it. And I found that its renaming the my blocks' id. Example. I have a table with an id of custom-table. And when I drag the same table, the id becomes c...

rjrodriguezalvarez97

Try styling with classes as selector rather than ids

artf

You can't have multiple elements with the same ID (against also HTML5 specs) so the editor tries to fix that, so yeah, you have to use classes

#2600February 25, 2020by orionseye3 answers
4 reactions

GrapeJS for existing CMS

I am experimenting for a while with GrapeJS and already incorporated to our existing (custom) CMS, replacing tinyMCE. Since the two approaches are different, i would like to ask for your assistance how to handle the page saving after finishing editing the content. Right now, the approach is to extract contents of a st...

pouyamiralayi

@orionseye editor.destroy() is not an option, since all the the html block declared with .init ..is gone as well. you can call `editor.getHtml and editor.getCss` before destroying. Cheers!

orionseye

@pouyamiralayi Thank you for tip, i am considering to switch to remote storage, but for time being, the CMS was build to store (edited) content into flat file, the file someone currently edits. Each page has its own index.php, so GrapeJS i...

orionseye

That is beau.ti.ful ! 3 lines and it works like a rocket.. get.Html even takes care to output valid html5 Sorry Pouya that i didn't think about that myself. Thanks so much

#2599February 25, 2020by ko061 answer
2 reactions

HELP - Wanted

HELP Can we show the delete icon, duplicate icons once hover the element instead of clicking?

pouyamiralayi

@ko06 #1433 comment