GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

569 issues found

๐Ÿ” canvas
#1679December 23, 2018by alialrabi3 answers
0 reactions

How to render component in canvas using trait.

Hi Artf ,Thanks for your great tool,I have created test case for my problem https://js.do/code/271771 I have created custom tool sidebar and create trait to render component with checkbox updates. -To reproduce 1-drag sidebar component into canvas (it should print initial fname value in console) 2-open filter menu in...

artf

In your doStuff method you're only getting the name of the trait, so nothing useful. I think if you change that checkbox trait in a simple input, you'll see the script changing correctly in the export code

alialrabi

Thanks for your replay, Could you please explain more what should I do?What do you mean by ( change that checkbox trait in a simple input)? I have updated demo to be more clear https://js.do/alialrabi/273238 . There are two checkbox fname...

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.

#1671December 19, 2018by SeongwoonHong2 answers
0 reactions

[Question] Adding html once canvas is cleared.

Hey Artur I'd like to add some default html code when users click clear button. for instance 1 section by default. for clear command, i'm doing what should i do after this..? Thank you

artf

editor.setComponents(<section>...</section>) Use the API Reference

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.

#1651December 12, 2018by alu01008248102 answers
0 reactions

How create a new modal dialog like the icons one?

Hi ! I would like create a new modal that contains templates for what users can use them later and add them to canvas/editor. I would like to do something similar to this. This is an example of https://grapedrop.com/ <img width="780" alt="captura de pantalla 2018-12-12 a las 9 09 10" src="https://user-images.githubuse...

artf

You can do it by creating new asset types https://grapesjs.com/docs/modules/Assets.html#customization

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.

#1647December 11, 2018by Abhisheknanda13444631 answer
0 reactions

How to display src of image component?

hi @artf i want to display my image when i drag and drop image component here is my code bm.add( 'image', { label: opt.imageBlkLabel, category: opt.categoryElementsLabel, content: { type: 'image', src: 'http://placehold.it/250x150/78c5d6/fff/', style: {color:'black'}, }, attributes: { class:'gjs-fonts gjs-f-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.

#1636December 6, 2018by prina923 answers
0 reactions

Unable to Insert Images into 1 Section Layout on Safari

Hello! This is an issue that only happens on Safari. We detected it on our project and thought there was something wrong with our code but found later that this issue is reproducible on https://grapesjs.com/demo-newsletter-editor.html Steps:On Safari go to https://grapesjs.com/demo-newsletter-editor.html and clear the...

alimajed93

Hello @prina92, @artf , I found a solution for this. I will be creating a MR for the 'grapesjs-preset-newsletter' project that will fix this issue. The problem mainly was in the HTML of the 1 section block. Regards.

artf

Thanks @prina92 for the report and @alimajed93 for the incoming PR. I'm gonna close this issue as is not related to the core itself

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.

#1632December 5, 2018by cnaa973 answers
5 reactions

[QUESTION] control table cell (add row, column..)

Hello. I want to dev some of feature to control the table. There are many feature for table the other editor like add columns, rows, set color, reset column width for each cell... I just have a dev plan to implementation on below..add a button on block manager this is a dummy table 3x3. each cell have a text component...

shubhd47

Hey, @cnaa97 No worries I have added the default commands in the toolbar. I got what I wanted. Thanks for helping. Below is the code

artf

The content inside the component definition is for static text (eg. the content is used for editing with Rich Text Editor) so you can't select its element once added, instead you should use components: '<tr data-gjs-type="row" ...'You can...

cnaa97

Thanks for your kindness answer.

#1629December 4, 2018by Brandonwaichunyu3 answers
1 reactions

Grapesjs- When i drag and drop the video into the canvas, i want it to be selected on Component Setting right away

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

abhi-161994

hi @Brandonwaichunyu Visit this https://github.com/artf/grapesjs/issues/174

Brandonwaichunyu

Grapesjs- When i drag and drop the video into the canvas, i want it to be selected on Component Setting right away? Any codes for it?

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.

#1620November 29, 2018by mathiasbc2 answers
0 reactions

[Question] Can't edit Text on Block

I wrote a plugin that defines a new Block for a simple headline. However when I drag and drop this block to the canvas I get the placeholder text Text Here and I am not able to edit it. What am I missing ?

artf

I get the placeholder text Text Here ??? no, it's not a placeholder text, this is what you wrote inside your table...I am not able to edit it It works here https://jsfiddle.net/7oeh2man/

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.

#1617November 29, 2018by coder-strange2 answers
3 reactions

[Question] How can I stop the drop from block:drag:start event? Also is there any event to listen Invalid target position?

First of all, I really appreciate your replies on my questions. Thank you for all. Question 1 : I've a situation where if a particular block is already in the canvas, I can't let that block to be added again. What I'm doing is, I'm listing to block:drag:start and compares if the component is already dropped (in gjs-co...

artf

Question 1 : I've a situation where if a particular block is already in the canvas, I can't let that block to be added again. What I'm doing is, I'm listing to block:drag:start and compares if the component is already dropped (in gjs-compo...

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.

#1607November 26, 2018by amiparayash2 answers
0 reactions

Load 2 canvas

Is there any way to load 2 page canvas with single sidebar drag and drop functionality.?

artf

No

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.