#1914March 22, 2019by lyczos2 answers
Now in GrapesJS editor, we have some of font sizes in REM. I think they should be in EM unit because if we want to embed editor in the existing page there may be some issues with proper font size - in case when the parent font size is set to other then default size (ex. :root { font-size: 10px }). https://i.imgur.com/...
artf
Yeah, I think you're right, would you like to create a PR?
lyczos
Yep, sure, I will do it later :)
#1913March 21, 2019by SylvainBigonneau3 answers
Using latest versions of grapesjs (0.14.55) and grapesjs-preset-webpage (0.1.10), I have configured my editor as such: The library crashes with a "TypeError: values[0] is undefined" error, as referenced in this issue. If I add all the other properties in the array, such as: the error disappears, but I don't need all o...
artf
Ok, I think I found where is the issue, I'll fix it for the next release
SylvainBigonneau
Can confirm it's fixed on v0.14.57. 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.
#1912March 21, 2019by simplecommerce2 answers
Hi, I am trying to understand how I can achieve the following.Create a component with a default content as children.Create a block to add that component to the canvas.Edit the component children to anything else and save the HTML result.Reload the component in the editor later on and continue editing. My issue is the...
artf
@simplecommerce a working example of a custom component with default children (it uses local storage) https://jsfiddle.net/t5yw48cs/ Try to review the way you store/load templates, maybe the issue is there https://grapesjs.com/docs/modules...
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.
#1911March 21, 2019by sakshigarg92 answers
I'm trying to implement an attr binding on one of my components using Knockout.js. It works perfectly fine otherwise but the same implementation does not work in a grapesjs-preset-webpage format. What could the issue be?
artf
Sorry @sakshigarg9 but this question is out of scope of this issue tracker
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.
#1910March 20, 2019by HenriqueVilela2 answers
I have a question about how i can replace this texts to translate them sorry for the lack of professionalism
HenriqueVilela
now I find the method, I just used getProperty () and set the name, it was not working, but then I put a stylemanager.render and it worked editor.StyleManager.getProperty('sector', 'float').set({ name: 'Flutuação', }); and then editor.Styl...
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.
#1909March 20, 2019by iggolob3 answers
Hi all We're working on a newsletter app and are using grapesjs as the email editor with the newsletter preset plguin and some custom changes. We store the HTMLs in our database and I noticed that some templates take a very long time to load with the editor.setComponents method. I tried to load the templates in the de...
artf
This shows you how to find issues with performances https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
artf
Hi @iggolob can you provide an example of a template and exact steps to reproduce the issue (talking about the fact is slower when you select a component)?
iggolob
Hi @artf The news letter demo page can be used to reproduce the issue ( https://grapesjs.com/demo-newsletter-editor.html ). As a template you can use the preset HTML set for the demo page. Just copy the HTML from Export template option. No...
#1908March 20, 2019by ProxiBlue3 answers
I found a previous result here: https://github.com/artf/grapesjs/issues/1772 however I can still not get it to work, using the most basic setup, as per your guide, and the answer given in that question. My script: and the page is simply: which results in and no functionality. Any help/advise?
artf
Any suggestions? If you can't remove prototype from the project the only possible solution I see is to put the editor in an iframe The same has been happening in my project as well, though I'm not using prototype.js, I hope there is a solu...
ProxiBlue
Ok, so I figured out the issue is prototype.js! The project I am working on also loads prototype, and that is the root cause. I have tried numerous ways to prevent this, as per https://learn.jquery.com/using-jquery-core/avoid-conflicts-oth...
faaizalikhan1
The same has been happening in my project as well, though I'm not using prototype.js, I hope there is a solution to this, any help would be appreciated!
#1907March 19, 2019by u-ashikov2 answers
I have created a component which is heading and a block element for it. I have set the draggable property to be section html element. If I try to drag and drop external heading html element to the editor, it is dropped, but if I try to drag and drop the heading block element (which I have defined in the editor), it is...
artf
I have set the draggable property to be section html element. it is not allowed to drop if it is outside the section. Should it work this way, or it is a bug ? Well, if you set draggable: 'section' it means you can drag that heading compon...
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.
#1906March 19, 2019by arthuralmeidap3 answers
Hey, I have a component which has a JS attached to it. Everything is created using the JS. When I drag and drop my block for the first time, the JS runs fine and everything works nice. When I load an existing template, it seems the JS is not running. The JS creates some DOM elements like a DIV and CANVAS but they are...
artf
Hi Arthur, are you able to create a demo of the issue?Other problem: the data-gjs-type is changed to default instead of keeping my custom component type name when the template is loaded. It seems the isComponent method is not called when I...
ayazhussein
I'm having the same issue. When I drop a Component with a script, it works but after I refresh, it doesn't You can test it out grapesjs-component-countdown, after you refresh, the digits don't show up. this is my config ( it is used in an...
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...
#1905March 19, 2019by yrbn3 answers
Have the same issue like in 1408. You said that JSON should be imported instead of the HTML. Can you tell me please how to import JSON template? I can't find the solution. On 'storage:store' I fetch an object: { assets: "", components: "", css: "", html: "", styles: "" } Then I run command: let emailTemplateStr = edit...
yrbn
Sorry, I found the solution when was reading my own question))) components and styles are strings. For those, who is searching for solution: editor.setComponents(JSON.parse(value.components)); editor.setStyle(JSON.parse(value.styles));
anish2690
@artf if I use <strong>text </strong> importer template will fail and convert text element into box sample template to reproduce the issue. #1906
svalenciano81
Sorry, I found the solution when was reading my own question))) components and styles are strings. For those, who is searching for solution:editor.setComponents(JSON.parse(value.components));editor.setStyle(JSON.parse(value.styles)); what...