hello is it similar i can build https://biorender.com/ like online design builder ? i can use this grapes or any other suggestion for me ? i wam tto build biorender same thing plz help me or suggestion me
Ju99ernaut
I wouldn't recommend it, grapesjs is mainly a website builder framework...you need something like an svg editor in my opinion.
artf
You can actually make use of absolute mode in GrapesJS but there is still a lot of work to do make it work good like in your example, and, as already suggested, the editor is mainly focused on web projects.
Version: 0.16.18 Are you able to reproduce the bug from the demo? [X ] Yes [ ] No What is the expected behavior? You should not be able to drag a component into itself Describe the bug detailed On firefox, you can drag a component into itself by directly clicking on the element and then drag it within itself. This get...
artf
Thanks for the report @FlowingCloudRTL. The issue will be fixed in the next release
Hi @artf, I'm now working on grapesJS implementation in our application. I have gone through documents provided & some of the issues reported regarding the asset manager(https://github.com/artf/grapesjs/issues/216). I was not able to show the list of uploaded images in the Asset manager after a hard refresh list disap...
artf
`upload : siteURL+'assets/CONTENT/img', is this image upload path or a function which uploads image? Image upload pathIf I'm using AmazonS3, can I able to get the editing option with the CORS issue? If you're trying to upload directly to S...
SintoDema
Hi @artf , Thank you for your reply.If you're trying to upload directly to S3 from the browser (without having your endpoint as a proxy) you can't do it (this is why CORS exists). So, send the file to your endpoint, then from your backend...
artf
image URL will be from the Amazon S3 https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors
Hi. First of all, awesome work with grapesjs. Had a feature request which may greatly improve usability for users. While grapesjs does allow to categorize components like these: It will be great if there is support for searching components to import and import them (a normal filter from the sidebar would also do). Thi...
artf
Hi @tvvignesh for sure it makes sense but as you know UIs related stuff are highly arguable so it requires a lot of code to make it as much customizable as possible. So far, I've stopped adding UI stuff in the core and started making it mo...
tvvignesh
@artf Thanks for your inputs on this. Will try implementing using Blocks API. Just one question though. Since I would like to add blocks in the location where the cursor is by searching for the block as in the screenshot, may I know the re...
Currently the changesCount is only increased regardless of undo and redo. I wonder if there is an application where the actual value is used or if this is just a boolean indicator for changes. If it is just used as boolean, it would be possible to instead add a flag to the undo state and mark the saved position. This...
mcottret
Hi @neon12345 ! As far as I know, the changesCount is also used in conjunction with stepsBeforeSave to trigger storing when autosave is enabled. (cf: https://grapesjs.com/docs/modules/Storage.html#store-and-load-templateshttps://github.com...
neon12345
Ok. But that means undo and redo will always trigger autosave, which is not optimal.
artf
getDirtyCount returns the number of changes, so it's not used as a boolean. If you have a better solution to handle undo/redo changes the PR is welcome
I have a problem with a custom setup where the canvas iframe is moved around with js. The "editor.refresh()" call does not fix the positioning of the tools after the move. I think the problem is due to the offset cache not cleared on refresh. If I call this before refresh, the tools are positioned as expected: editor....
artf
@nedim1511 can you please provide a reproducible demo, please?
neon12345
https://jsfiddle.net/3gqh6p5a/ Click select the "Hello World" and drag the vertical splitter to the left to resize the split window. The "editor.refresh()" called on dragEnd should align the tools but it does not seem to work. It is more o...
artf
On my local copy, your example works correctly so probably in the next release it will be fixed
I want to know is there anyway to use GrapesJS inside WYSIWYG editor. We have a CMS to write article content, but we need the resizable layout / container modules like in GrapesJS does. How to use GrapesJS for our needs?
Hello, great editor! It would be very handy if there was a sample PHP upload script to get images uploaded to a PHP webserver. It could be a simple one with the correct configuration explained in the documentation. For beginners it is quite hard to figure out how to enable image uploading and what kind of Server/API i...
Version: 0.16.12 Are you able to reproduce the bug from the demo? [ ] Yes [x ] No What is the expected behavior? Reset window content of current frame view Describe the bug detailed I want to implement a component to help user do certain action by attaching event to widow (ex: scroll or resize event) or add some data...
artf
You can get the canvas inner window in this way editor.Canvas.getWindow()