#2912July 22, 2020by perfectwebtech3 answers
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.
perfectwebtech
oh ok great thanks a lot really
#2911July 22, 2020by FlowingCloudRTL1 answer
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
#2910July 21, 2020by SintoDema3 answers
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
#2909July 21, 2020by tvvignesh2 answers
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...
#2908July 21, 2020by neon123453 answers
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
#2906July 21, 2020by neon123453 answers
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
#2905July 20, 2020by krishnaeverestengineering1 answer
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?
artf
Depends on WYSIWYG editor you're using
#2904July 20, 2020by RJCAM1 answer
We can reproduce the bug from the demo Current Behavior: Expected Behavior: We should not be able to drag/move components when in preview mode.
artf
Will be fixed in the next release. For now, you can patch it on your own, in this way:
#2903July 20, 2020by moemos2 answers
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...
artf
Sorry but this is totally off-topic
#2902July 18, 2020by nlnbich1 answer
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()