GrapesJS Issues

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

1,399 issues found

🔍 outdated
#1131May 25, 2018by ionic6662 answers
0 reactions

Hi。how can i use different stylemanagers for different blocks

i want drag a table ,so i want some styles for table

artf

A component model has 3 different properties which allow to customize the behavior of the StyleManager: stylable, unstylable, stylable-require (for more details look at source file)

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.

#1129May 24, 2018by JuanTincho1 answer
0 reactions

Duplicated editImage button(Aviary) while cloning an image block

If grapesjs-aviary is enabled and cloning an image, the pencil button is duplicated. Before: After: I worked on a solution: https://github.com/artf/grapesjs/pull/1130

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.

#1128May 24, 2018by Abhisheknanda13444633 answers
0 reactions

Bug in dragging selected text

hi @artf as you can see my screenshot when you drag textblock than select text in that element and drag it to bottom of content than text get append to content without any tag and we are not able to edit that text.. can u please help me out.. @artf

artf

Don't drag the text from the component, create a new one or drag from blocks

Abhisheknanda1344463

hi @artf Thanks for your reply.. i want to know if it is possible if i update style manager in mobile device then it'll not reflect in Desktop Mode...Please reply me asap i need your help. Thanks @artf

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.

#1127May 24, 2018by milapshah153 answers
0 reactions

Command running multiple times

Hello Folks, I need your help.I created a custom button on the commands Panel to publish the site created from Grapes.When i click on it, it executes the command 2 times and I am not sure why Here is my code snippet.Any help would be really appreciated. //Get the default plugin set for all the blocks plugins: ['gjs-pr...

milapshah15

@artf Can you please help on this.

shareefhiasat

@milapshah15 please check @artf response and my response here https://github.com/artf/grapesjs/issues/625

milapshah15

@shareefhiasat if you see my code, I guess that issue is different than what I am facing.Moreover, I see that I face the issue when I load website-preset plugin

#1126May 22, 2018by faizansaiyed3 answers
1 reactions

How to Add Custom attribute in a Block through Block Manager?

Hello, I have a custom block in which there is custom attribute @call-method="searchProduct". But when I directly use this in Grapes JS as <datafieldsearch @call-method="searchProduct" label="Search"></datafieldsearch> it throws an error saying Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '@ca...

faizansaiyed

Thanks, actually I found alternative to @ i.e. v-on for using @ in VueJS

d3vr

You can't use @ in an attribute's name, use something like data-call-method instead

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.

#1125May 22, 2018by milapshah152 answers
1 reactions

I would like to add styles on top of whats available in the package

Hello Folks, I am new to this framework and just started exploring it for one of my project.I would like to add some custom styles on top of whats available from the package. This is what I am trying.It is removing everything but what I kept below and what I understood is, basically by doing below I am overwriting wha...

milapshah15

This does the job. https://github.com/artf/grapesjs/wiki/API-Style-Manager Warm regards Milap

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.

#1124May 21, 2018by perfect-coders2 answers
0 reactions

Style is not copying after cloning the element

Hi @artf. At the first time before saving the template, When I make one element and clone it, the style is coming in the clonned element. That is running fine. But when I save the template and render the template with this editor.setComponents(templateHTML); and then clone the elements, their styling does not applies...

artf

Tested with the demo, everything works as expected. Without any kind of live demo demonstrating the opposite, IMHO, there is no reason to keep this issue open. BTW, check this if you store and load templates back

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.

#1123May 21, 2018by alfaalex813 answers
0 reactions

Onload event inside template

Hi! I have a problem with some templates. This template has some scripts running after the page is loaded. When this templates is loaded by GrapeJs, the scripts do not starting because browser not detect the ending of load. It's possibile to load templete in a classic iframe (not injected)? For example: <iframe src="h...

artf

Have you tried with this?

alfaalex81

Sure, other scripts with "allowScripts" parameter work fine, but scripts inside "on load event" don't. I inject the code in this way: var newComps = editor.DomComponents; $.get('http://myexamplepages.com', function (e) { newComps.setCompon...

artf

@alfaalex81 can you provide a live demo of the issue?

#1122May 20, 2018by hadifarnoud3 answers
0 reactions

Support RTL

GrapeJS does not support right to left languages. Arabic, Persian, and Hebrew are a few RTL languages. Please add RTL support or if there is a workaround for now, do let me know.

artf

You just need to add CSS direction property in your Style Manager (check the getting started)

Orijinn

Hi @artf , could you please give us an example? The use case is to make all the text inputs to use RTL. How can one achieve this? Tried to add a sector, nothing works. Direction is not among built-in props either. thanks

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.

#1121May 18, 2018by alimajed933 answers
0 reactions

<Tbody> inside <Table>

Hi @artf , I created a new component with tagName = 'table'. When selected and one option of its toolbar I also created is clicked, a new modal opens, and when the user submits, some content should be added to the block. I am using editor.getSelected().get('components').add(HtmlCode), where HTML code always starts wit...

artf

I think this happens because when you add the HtmlCode is parsed by the browser, but outside of the table scope and therefore it strips your tags. Try to skip the parser by passing a component object:

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.

Browse all topics