GrapesJS Issues

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

829 issues found

πŸ” question
#618December 7, 2017by mediaboost1 answer
0 reactions

2 questions on dragging elements ... please

1 - How to disable the dragging of a specific item ? OK ... data-gjs-droppable="false" 2 - How to disable the dragging ON a specific ROW for exemple, the possibility only to drag element on div container ID data-gjs-draggable="false"

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.

#580November 28, 2017by faizansaiyed3 answers
3 reactions

[Question] Any/Trigger event when any block is dropped inside canvas?

Hey, How can I trigger some event when any new block or content inside canvas is updated? Something like editor.onCanvasUpdate() Thanks!

ryandeba

Hi @fsaiyedOB, I've been able to accomplish this with the component:update event listed here: https://github.com/artf/grapesjs/wiki/API-Editor#available-events My code looks something like

duskhacker

When I asked to find out when the canvas is dirty to provide an indicator, @artf told me:

artf

I'd add also a block specific event

#526November 15, 2017by matiponce912 answers
0 reactions

New feature

Hi Arthur, I have developed a new feature that is the possibility to add tabs inside blocks panel (this is optional what it means that if you don't add any tab, blocks panel will continue behaving as before) and these tab could have their own categories and blocks. My question is if would be possible to add this featu...

artf

Just check here https://github.com/artf/grapesjs/issues/499 :)

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.

#523November 15, 2017by tldrjumps3 answers
2 reactions

[Question/Enhancement] How to Export CSS linked in Canvas Styles properties

How to export the HTML/CSS in the code view / download as zip. With the stylesheets in styles.css referenced in the grapesjs canvas, but not the unused, actually i am fine with all the styles.css stylesheet, for simple API access for export. If I add the stylesheet in init Yea, Table πŸ˜‹ Thanks for the good work, let u...

artf

@chiqui3d definitely it shouldn't be added to what is used for storing otherwise you will add those styles twice.

artf

The issue I have is that when I try to export the code using the grapesjs export plugin nothing referenced inside canvas is exported. @Yakito For now, those scripts/styles should be included manually, you can use root option from the expor...

artf

Hi @tldrjumps I'm not sure if I properly got your problem. You can simply get all the CSS with editor.getCss(), which also tries to optimize it by removing classes without components. Styles inserted via canvas.styles option are just injec...

#493November 8, 2017by bungambohlah3 answers
0 reactions

[QUESTION] Can i set content dynamically from block API ?

Hi @artf , very great web builder framework and keep it up :+1: code : As you can see, can i make tag dynamically from my backend? i use EJS template for my view render engine and can passing data to ejs. Thank you very much and have a nice day

artf

You can update the block's content in this way

bungambohlah

Oh i see , thank a lot @artf

bungambohlah

Hi, @artf I have a problem, my dynamic-nav's block works now, but when I give some script to that component its give me an error . May I correct? if not please correct me, thank you very much That's my script :

#481November 3, 2017by mathieuk3 answers
17 reactions

Question: Dragging blocks into a Text block?

This is not a bug but an implementation question. If this is not the right place to ask these questions, please let me know. We're working on an implementation where we want to use GrapesJS to allow users to create an e-mail template. As part of this implementation we are working to create mail-merge functionality: we...

artf

Have you checked API-Rich-Text-Editor? You can add a custom action like this

artf

Probably in the next release, this feature will be available. So textable will be just another property, this will allow any component to be dropped inside Text components. Here is the code of the component from the example above:

mathieuk

Yes, I've used that and I've pretty much got that working. The difference is that I am not using a text placeholder like you are. I'm actually inserting a block (with a corresponding 'type') so that I can further configure these placeholde...

#457October 28, 2017by mekamleshk2 answers
0 reactions

Two Quick Questions

Hi @artf 1) I have my editor templates like this : I want to change the alignment and also add a back button to the corner left like this one : 2) Don't know for what reason whenever I select text the ckeditor options always appear at the top : I want it to appear besides the selected text like this : Thanks

artf

Check the Panels API or you can just append/remove stuff once the editor is loadedJust tried it the demo and works as expected, probably you have multiple nested text components, where in that case the toolbar appears on top of the highest...

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.

#451October 26, 2017by alexlyul2 answers
0 reactions

Image uploader

Hi. Thank you for so good tool. Have some questions: How should I configure this http://prntscr.com/h214o4 Uploader tool to save images in storage and on the server? Is there any examples/manuals of how it should work? Which answers my server should send? Thank you very much.

artf

Sure, you can find more about it here https://github.com/artf/grapesjs/wiki/Assets#uploading-assets

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.

#444October 23, 2017by ronaldaug3 answers
6 reactions

How to load css link into the head tag?

Hello, First of all, thanks for contributing such an amazing js framework. I am very new to grapesjs. And github too. https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related According to grapesjs wiki, I load js links inside the canvas as the above codes and it works fine. But when I try with css links...

artf

You were almost there :)

ronaldaug

Thank you so much @artf , it works like a charm.

coder-strange

You have to include separately while rendering, it won't come in getHtml() or anything.

#428October 17, 2017by asvine-p3 answers
0 reactions

Change the background of the body

Hello, First of all, I want to thank you for this amazing project! I have few a questions regarding the editor, and more precisely the newsletter preset:I want to add a button in the block manager which can give a quick access to change the background of the body (without going to the component tree).Furthermore, how...

Geczy

Here's how I remove buttons

asvine-p

@Geczy, thanks but the set("active", boolean) method only switches the highlight mode of the button. Actually It doesn't remove it.

artf

Hi @asvine-pI want to add a button in the block manager which can give a quick access to change the background of the body (without going to the component tree). Once the editor is loaded you can add/remove stuff with JS (your button will...