You can get the version by typing grapesjs.version into the console YES: https://jsfiddle.net/75a9u1cf/2/ What is the expected behavior? I am expecting to be able to edit the HTML and content in the editor Describe the bug detailed The screen is simply white, I can see the shapes and drag elements, but the editor is j...
advancedsoftwarecanada
This issue can be resolved. I simply switched out the HTML/JS application to flat HTML -- disabled all the stupid loading effects. I'll just have an external script when not in editor do fancy stuff. ALL HAIL GRAPEJS.
advancedsoftwarecanada
advancedsoftwarecanada
HALF SOLVED IT, found some stuff on Google: https://jsfiddle.net/75a9u1cf/3/ But some images still don't work.
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
divesham
https://github.com/artf/grapesjs/issues/1381
GJSBlock
Thanks for reporting this, @divesham. Great suggestion about FEAT: Video not playing! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches...
hi @artf thank you for doing everythings here but I try to use this plugin but I can't Version: 0.17.3 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Describe the bug detailed there in no display plugin What is the current behavior? Nothing happens. Are you able to attach screenshots, screencasts or a l...
Ju99ernaut
Unfortunately the plugin will not automatically replace the original background image input so you'll have to do it manually. You'll need to add this to your style manager config somehow and remove the built in version: For more reference...
GJSBlock
Thanks for reporting this, @justin3737. The issue with there is no display grapesjs-style-bg plugin appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...
The sample config file for the CssComposer references a staticRules property. This property name is not used anywhere else in the source code (verified using GitHub search) and also doesn't do anything. Version: 0.17.3 Are you able to reproduce the bug from the demo?[ ] Yes[X] No (not really applicable) What is the ex...
artf
Thanks @anlumo you're right, that was an old option, I'll remove it. For the purpose of static CSS rules, we have these options
GJSBlock
Thanks for reporting this, @anlumo. The issue with staticRules for CssComposer Non-Functional appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications o...
I am trying to implement localstorage in reactjs app, it is for some reason not storing data in localstorage
artf
The local storageManager does all the job for you, so you don't need to perform all those manual stuff you're doing now. So leave the storageManager option and remove the rest. ps. be careful with useEffect, add an empty array as dependenc...
GJSBlock
Thanks for reporting this, @sanchit36. Great question about [URGENT!!! QUESTION]: How to implement LocalStorage in reactjs project??. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...
Version: v0.17.3 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? editor.Panels.addPanel({id: 'test', visible: false}) renders panel despite of visible attribute set to false. It perfectly works after editor has been rendered, so panel.set('visibility', !panel.get('visibilit...
artf
Yeah, I think it's just a matter of adding this.toggleVisible() in PanelView.render. If you want to push a PR, I'd be glad to merge it :)
GJSBlock
Thanks for reporting this, @emyasnikov. The issue with Panels "visible" attribute doesn't prevent panel rendering appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...
Could you please expain how map components are rendered after draged? How we can create a new component for weather and how it will render like a map component? @artf
theSC0RP
You can take a look at the following (if you haven't) to understand how the map component works:Map Component ModelMap Component View
GJSBlock
Thanks for reporting this, @NagarRahul. Great question about FEAT: How Map component works? How we can create weather components and render it?. The recommended approach with Components is to use the event-driven API. Start here: Check the...
Hello! I know this is a bug reported here #2029 but now I can not update from 0.15.10 to the version that has the solution. Would you know any workaround for this issue at the moment that I am setting the component? I am using VueJS with GrapesJS. Here is how I am trying to set the component. this.grapeEditor.setCompo...
artf
No sorry, can't help with such an old version. Why you can't update??
GJSBlock
Thanks for reporting this, @ghost. The issue with 0.15.10 - setAttribute - is not a valid attribute name appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modi...
Hi there! I'm building a custom modal for the Asset Manager and basically, it seems that I need to override command. How I can understand if a user wants to set an image src or background-image property? Thanks in advance!
advancedsoftwarecanada
Seconded, just started with GrapeJS and got it operational on my system, looking to set the background image on a header div without having to write css code :/
artf
Actually, the knowledge of what to do on asset selection should not be part of the command itself as the action should be decided by who runs the command, eg. I'd suggest inspecting the current implementation of the command, but I have to...
advancedsoftwarecanada
This is not the right solution to our question. What I'm looking to do is add this to a component, how would we do this?
In that case, I suggest you access the document of the iframe and to append manually the inline script (to get the document use editor.Canvas.getDocument()) Originally posted by @artf in https://github.com/artf/grapesjs/issues/2012#issuecomment-496304498 Hey, @artf, I was going through the issue, #2012 and I have a do...
theSC0RP
I tried to update the inline script using the following steps:Get the document of the iframe: iframeDoc = editor.Canvas.getDocument()Get the innerHTML of the body of the document: iframeDocBodyHtml = iframeDoc.body.innerHTMLReplace the inn...
theSC0RP
I tried to add the select and hover events by running component-select command by writing editor.trigger('core:component-select') but that didn't help either and doing editor.runCommand('core:component-select') gives an error. Am I missing...
artf
Well, I think it won't be bad to add an easy way to force the rerender of the iframe (not a common case but for sure might be useful in some cases). Unfortunately, right now, you should try to use private methods and check if everything wo...