GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1365Aug 15, 2018by shlomoko2 answers
0 reactions

Vertical panel buttons

Hi, I am trying to add vertical buttons in a panel. I have added a flexbox with a vertical direction, but since an additional div is added as an interim to the buttons, it does not affect them. Is there a way to solve this? I have added the following code that does not appear to work ():

artf

@shlomoko sorry but I close this issue, has nothing to do with grapesjs itself, it's just about your UI layout setting

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.

#1364Aug 14, 2018by thangab3 answers
0 reactions

Error on multiple instances of grapesjs

Hello, I use Grapesjs in my reactJS application. I have a react component which is an instance of Grapesjs. So I can add this component in my application as many times as I want. Everytime I want to fire an event (delete a block) with my keyboard in the grapesjs Editor, it doesn't work. This is the error throwing: But...

artf

Can you provide a reproducible live demo of your case, please? ps. make sure to work with the latest version of grapesjs

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.

#1363Aug 14, 2018by jvillena2 answers
0 reactions

Problem trying to inject new HTML content in the Editor

Hi @artf, I'm now working on doing content in multi-languages inside the editor but I would like to know how can I save in the Dom HTML new HTML elements closest to the element selected (or update the these elements as new components inside the editor). For instance, I'm including some hidden div inside the HTML but w...

jvillena

I've just fixed my problem doing a workaround after researching on the grapesjs core. I'm going to explain the solution that I did: 1) I'm using a popup dialog with a bootstrap switcher to select text language. The complicate issue is how...

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.

#1361Aug 14, 2018by dsgh1 answer
0 reactions

The drag placeholder should not be visible when there's no target

I'm using the latest release. Steps to reproduce:Configure grapesjs in such a way that the wrapper is not droppable.I have created a fiddle to demonstrate this: https://jsfiddle.net/szLp8h4n/300/ (the idea here is that only the white center area is droppable) Expected behaviour:The green drag placeholder shouldn't be...

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.

#1360Aug 14, 2018by gregvissing2 answers
0 reactions

Need help saving data to Blackbaud database.

I'm trying to embed this into Blackbaud Internet Solutions using a Custom Content Part. Can someone help me figure out how to setup the storageManager so that I can Save and Load the data based on the ID? I'll be creating individual parts using this Custom Content Part so I'll need the ID, HTML, CSS, etc. stored separ...

artf

Hi Greg, for the grapesjs part I think that all you need is here https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage this approach, which allows you custom parameters and headers covers 99% of cases. So, for the rest you ha...

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.

#1358Aug 13, 2018by alimajed933 answers
0 reactions

Create link only on "OK" button press

Hello everyone, I overwrote the default 'Link' acton of the rich text editor: <img width="1274" alt="screen shot 2018-08-13 at 1 58 43 pm" src="https://user-images.githubusercontent.com/28840780/44027999-2788cfaa-9f01-11e8-9f5e-e24d3ced19ed.png"> Now when clicked, a modal opens, where the user can add the desired url,...

artf

1 - How can I check the implementation of the "Link" action of the richTextEditor in "demo newsletter editor" so I can replicate it? Since there and if the modal is closed without submitting, the link is no created. That modal is from CKEd...

alimajed93

Okay thank you for your quick response @artf How to keep the focus on the rte?

artf

You need to catch events which trigger a blur and call stopPropagation. This is how is kept by clicking on the toolbar itself https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L82

#1357Aug 12, 2018by ghost3 answers
1 reactions

Body -> Decorations -> Background-image

Version 0.14.25 | Local copy GrapesJS Tested in: Chrome 68, Firefox 61 Add a background image in "Body (Selected #wrapper) -> Decorations -> Background -> Layer # -> Image", save to db, refresh page, load from db, blank background. Same with image or color. Adding background After refresh page and, how can add a backg...

maryia-kabash

As a workaround for body background I use the following actions:save body background to DB separately from components and styles, via editor.DomComponents.getWrapper().attributes.stylewhen template is loaded set the style via editor.DomCom...

artf

I need to know what do you store in DB and how do you load it.

ghost

Hi, this is the code. This is the php code: store for load Thanks.

#1355Aug 10, 2018by david-polak2 answers
0 reactions

Component resize event

I have a canvas component and I need to be able to register resize events for it. After diving trough the code and looking for relevant model events all I could come up with, that would actually trigger on the resize is this: Which works, but is kinda hacky. Is there a better suited event?

artf

Hi David, I think currently is the best you can do, but I'm open for suggestions to make it less hacky

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.

#1354Aug 9, 2018by kickbk1 answer
0 reactions

Change css editor behavior

In the "Export" codemirror modal, I would like to change the default behavior of the CSS part. Currently it removes the "<style>" opening and closing tags and adds:{ box-sizing: border-box; } body { margin: 0; } I would like to keep the <style> tag and remove the added styles. How can I?

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.

#1352Aug 9, 2018by Big-Silver3 answers
0 reactions

Set JS

I thrilled to GetHtml, GetCss are GetJs. Is it possible SetHtml, SetCss and SetJs like above functions?

artf

You have these https://grapesjs.com/docs/api/editor.html#setcomponents https://grapesjs.com/docs/api/editor.html#setstyle no methods for js, it only can be a result of custom components

Big-Silver

Thanks @artf setcomponents and setstyle work well.

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