Hey there, Is it possible to use the web builder features on a normal hosting provider without npm? say apache or other solutions? Thank you!
gixid192
You can check the document here: https://grapesjs.com/docs/getting-started.html#import-the-library
GJSBlock
Thanks for reporting this, @burgil. Great suggestion about Using GrapesJS Without NPM?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approach...
I am trying to create as custom block. But the form is not submitting when i use components inside content. I am able to get all the form data when i use content instead of component. But then it's not allowing me drag new inputs to form.
gixid192
The important part - the html is missing. If you can, you should share the code in codesandbox or similar online editors.
artf
Yeah, we need the complete code to understand the issue. Anyway, if you're using script please define a Custom Component instead of placing it directly in the Block, or you'll face issues on storing. I know that this is how is illustrated...
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...
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...
https://grapesjs.com/demo.html when i edit the button text to 'test' after reload the result:
OleksandrNeroda
@artf maybe you can help with this?
fzerman
This demo saves your changes to your local storage of the browser. If you didn't save, it is normal. Try to save or run editor.store() in console.
OleksandrNeroda
@Swindler36 in my project i do not use the local storage only everything is saved to the database, but the problem the same. I don't think that is a local storage problem.
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...
artf
Don't be disrespectful, read, and follow the issue template...
GJSBlock
Thanks for reporting this, @maivanchuong. The issue with i want save and load in asp.net mvc appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications ov...
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...
@artf - In the documentation, it says that If we need to customize the aspect of each block preview we can pass a render callback function in the block. But here is the actual thing Basically, I wrapped this render callback in a function named func() and calling it on some ajax request If I call this on page load it w...
artf
The block manager doesn't see the change if you do this block.attributes.render = .... You have to update the property explicitly in this way: And be careful, the render function SHOULD return the HTML string or the DOM node, NOT a Promise...
GJSBlock
Thanks for reporting this, @mohd7469. Thanks for sharing your report about block render function not trigger. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your Grap...
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...