Hi, I created Grapejs Pagebuilder. I have two links one for pagebuilder1 and another for PAgeBuilder2. Both are redirected to grpaejs editor and loading content from database based on id. When I clicking by PageBuilder1 goes to index.html?id=1 (load saved content from database) When I clicking by PageBuilder2 goes to...
artf
Follow this guide https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
GJSBlock
Thanks for reporting this, @san-123. Great suggestion about Content loading issues from remote database! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alt...
Hi @artf I am trying to make a component lightbox as the same as the grape drop. I am not able to update the src of the image Could you please help me with that This is the code that I've written so far Lightbox block Component- :
artf
Check the image component
GJSBlock
Thanks for reporting this, @Abhisheknanda1344463. Great question about Lightbox Component. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Loo...
Feature: The ability to create multiple pages in Grapesjs. Functional design Globally:[ ] Include a link to the right of 'Device [dropdown list]' in the top banner that says 'Current Page: <page-name>'[x] Include a new menu item to the right of 'Blocks' in the right column. The icon will be something like the FA pages...
artf
The Pages module is now merged https://github.com/artf/grapesjs/pull/3411 and the new version will be soon released. A simple demo using the Pages API: https://codepen.io/artf/pen/XWpJQoY
artf
Sounds great, I really like the idea of having this one as a plugin, so if you think we need something to add (eg. some event) to make it work better, let me know.
jrkd
Got the core of this functionality working this arvo. @artf Let me know if this is still desired and I'll spend some more time on it in Jan. Note to self, TODO: add/remove page actions, visual tweaks, integrate with the storage manager & r...
Hello everyone, can you please point me to the right direction?When I save the html code and css code - it gets new-line-trimmed. Is there any way to avoid any trimming?After inserting "custom code" block, saving and restoration from the remote storage it appears as either "Default" type of "text" type. How to set dat...
vbeskrovny
Solved by using json content from the StorageManager.
GJSBlock
Thanks for reporting this, @vbeskrovny. Great question about Help needed: save/restore gjs data block types. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...
Hello, If I drag and drop a block on a dynamically added component, how can I get/access the component that the block is dropped onto? I set dragMode to 'absolute' (design mode) so users can freely drop a block anywhere on pages with a background image for each page. The pages are dynamically added when the editor is...
artf
Sorry mate, but here I reply only to your main questionIf I drag and drop a block on a dynamically added component, how can I get/access the component that the block is dropped onto? all other things seem too much confusing to me and hones...
inthismachine
@artf is there a way to wrap <mj-text>xxx</mj-text> inside a mj-section and mj-column if it is dropped illegally? Like if the user tried to drop it on the body. Reason is I would like to auto add a dropped text block in to a 1 column row i...
GJSBlock
Thanks for reporting this, @sprklinginfo. Great question about Help needed: Get the component that a block being dropped onto?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docum...
When I runCommand for inline CSS, It's giving me a warning and undefined.
artf
There is no built-in command to get inlined CSS, but you can find how it was implemented in the newsletter plugin here: https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/openExportCommand.js The core functionality is a few...
GJSBlock
Thanks for reporting this, @mprince2k18. Great question about Can not get inline css code. how to use this?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...
Version: "0.16.30 Are you able to reproduce the bug from the demo? [ x] Yes (the news letter demo) What is the expected behavior? Image resize handles should resize image without throwing an exception. Describe the bug detailed Clicking on any of the image resize handles throws an Uncaught TypeError. PropertyView.js:5...
artf
Thanks for the report, it'll be fixed in the next release.
GJSBlock
Thanks for reporting this, @craighaworth. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Gr...
I am using GrapesJS version (0.16.27) and have integrated grapesjs-style-bg plugin to the editor. The functionality works perfectly fine. But on clicking the tabs on the background property, click issue arises. Immediately it toggles the tab. Especially it occurs when we select Gradient option, I have integrated the p...
artf
Thanks for the video of the issue, but it doesn't help in any way to solve it. If you're not able to create a reproducible demo, I can't help.
sathyanarayananaCES
Thank you @artf for taking a look at the video, will try to create a reproducible demo and attach it here.
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...
Version:0.16.30 Are you able to reproduce the bug from the demo? [1 ] Yes What is the expected behavior?* SelectorManager.getState() is supposed to return a string according to https://grapesjs.com/docs/api/selector_manager.html#getstate Describe the bug detailed What is the current behavior? SelectorManager.getState(...
congweibai
Could you have a look at https://github.com/artf/grapesjs/pull/3182 is this fix this issue? Thanks
GJSBlock
Thanks for reporting this, @congweibai. The issue with SelectorManager not return a String but an Object appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modi...
Version: 0.16.30 Are you able to reproduce the bug from the demo? [x] Yes [ ] No Steps to reproduce:Open the consoleExecute editor.setComponents('', {avoidStore: true});Execute editor.setStyle('', {avoidStore: true});The "Stored ..." log still appears (see attached screenshot) What is the expected behavior? The option...
artf
Thanks @mcottret the fix is ready for the next release
artf
Unfortunately, due to the bad initial naming, avoidStore is intended to skip the UndoManager and not the Storage π The good news, I had to introduce the new noCount option, in order to fix #3189, this will skip triggering the editor chang...
mcottret
Hello @artf ! I'm sorry to reopen this issue but the setStyle issue still seems to be present. Redoing the steps above, the "Stored ..." log still appears while calling setStyle with the noCount option. I'm seeing the fixed handleChanges h...