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, Can we able to use Wistia in GrapesJS editor. I would like to use it as Vimeo used in the editor. Scenario: I have a video in my Wistia domain, let the path be https://mydomain.wistia.com/medias/VIDEO_ID. I have to add that URL or video as we are adding a Youtube video link with Video ID in editor > video se...
artf
Sure, just check the current implementation of the ComponentVideo and extend it for your needs.
GJSBlock
Thanks for reporting this, @SintoDema. Great question about *. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener me...
What are you trying to add to GrapesJS? Enable "Discussions" tab on GitHub. https://docs.github.com/en/discussions Describe your feature request detailed "Issues" tab is polluted by questions and others problems that not an issue. Enabling the "Discussions" tab will facilitate interactions between the GrapesJS communi...
artf
Thanks @bgrand-ch good idea, Discussions enabled. I'm not very familiar with the feature, if you have any suggestions on how to improve that section, please let me know.
GJSBlock
Thanks for reporting this, @bgrand-ch. Great suggestion about FEAT: Enable "Discussions" tab on GitHub! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...
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...
What are you trying to add to GrapesJS? Lazily loading support for images. Describe your feature request detailed Latest Browsers support lazy loading of images using the loading attribute. <img src="myimg.png" loading="lazy">. There are two possible values eager and lazy. If a loading attribute is not provided images...
artf
Thanks @akmittal loading is actually really cool and useful but, for now, I'd like to avoid extending core components (this might lead to unexpected behavior if someone creates a new component by extending the image). For anyone who wants...
GJSBlock
Thanks for reporting this, @akmittal. Great suggestion about FEAT: Add lazy loading support for images! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...
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 want to remove default text from text component just like placeholder. every time when we drag text component we need to remove default text manually.
theSC0RP
Hey @Asifislam110, I don't know if this is the best solution but this was one that I could come up with.
Asifislam110
@theSC0RP it will remove the text from all the text component when editor get loaded. When inserting a text box into Editor the text "Insert your text here" should automatically disappear when user goes to start typing. Currently, you have...
theSC0RP
Ohh my bad! I thought you didn't want the text component to have any content when dropped in the canvas. For your doubt, I guess you can do something like when a component is selected check if it's a text component and in the view, you wil...
I'm using componentFirst set to true to let my users apply needed style to component they selected. Selecting a component which is applied a css class specific to the component type, and clicking "Sync" button causes the selector change from the component ID to the relevant css class. Now I can't find a way to go back...
ltenti-eventboost
It makes sense, now I just have to find a way to add this feature to my builder. Thank you @Ju99ernaut!
bgrand-ch
Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...
artf
Hi @ltenti-eventboost I'm not sure If I understand exactly where is your issue. When you're editing with componentFirst enabled, the editor applies style changes on a component-specific CSS rule (eg. #cmp-id { color: red }). When you hit t...
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...