#1127May 24, 2018by milapshah153 answers
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
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
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
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
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
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
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.
#1120May 17, 2018by Deepak8132 answers
Hi @artf, Hope you are doing fine, I want to check when section element is empty like i drag a empty section and then inside that i drag h1 or column element.After that how i check when user delete all the elements from the section element. Overall theory is how i check that the particular element is empty.
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.
#1119May 17, 2018by ionic6661 answer
when i drag a image into a block,then this image can not be setted,and when i click it,there is nothing
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.
#1118May 17, 2018by cgatian3 answers
Im looking to create a block that when dropped will generate two components and these components would share some unique identifier between each other. If I dropped a second block to the canvas a second identifier would be used. I believe you could do this by creating your own component, but then you loose the ability...
artf
You can make use of this event
cgatian
@artf Thank you for the reply! OK I was second guessing this approach, good to get some feedback on this. Just to follow up I dont believe there's a way to detect which block was actually dropped during the event, correct?
artf
Just to follow up I dont believe there's a way to detect which block was actually dropped during the event, correct? The component it's just the first one of your list, if you wrap your 2 elements inside another div that one will be the dr...