#3490May 27, 2021by samichamoun1 answer
Hi, If you for example add a 3 column block to a page, and try dragging a very wide image into each column, the content stretches and the overflow is hidden. How do we either add a vertical scrollbar or force the editor to limit the viewable size of images when dragged in. Currently if the content goes outside that ar...
artf
This is more a layout issue that you can easily fix by adding your CSS to all images, eg. img { max-width: 100%; }
#3489May 27, 2021by samichamounNo answers
Just as a preface, the issue I'm describing does not affect the output of content generated by the editor, it is just when looking at the content within the editor. Let's say I create two columns on the editor. Both are 50% width each. If I drag a large image into one of these cells, it pushes the width of the cell ou...
#3486May 26, 2021by kuhelbeher1 answer
Hello, right now grapesjs provides built in properties like margin, padding that allow user to change each property one by one (margin-top, margin-bottom, etc). It would be nice to have ability to change all these properties together. To have some lock button, for example, when it's enabled it will change all properti...
artf
Yeah, that would be cool, but unfortunately, GrapesJS doesn't have yet the proper UI module which could allow easily to build new UI components by reusing others, so StyleManager.addType is the only way but in that case, it's up to you bui...
#3485May 26, 2021by ahmedderkaouiNo answers
Consider a simple block: When dragged to canvas, this component can be selected and it's possible to modify its settings. Now, i'm doing this, to add the same input in a card: $(someElement).find(".card").html('<input type="text"/>'); The input is added successfully but doesn't behave as it did before. It can't be sel...
#3483May 25, 2021by Palash-Mandal1 answer
Hello @artf , Many Many Thanks for previous help. I am fresher in development. Please help me with below I need a modal where I will get user input Like Block Name, Category, HTML, CSS, JS then click on save to store that as new block manager. Mean how to pass those data and store them as dragabe component I have made...
artf
Please follow the issue template
#3482May 25, 2021by Palash-Mandal3 answers
Hello @artf I having issue with a traits. When I drag and drop the block to canvas it's traits showing fine in under settings section. but when I saved and edit the in 2nd time and selected that tag in canvas that traits is now populating in setting Section. Please Please Please HELP!. `// Custom Heading Component blo...
artf
Are you defining your custom component in a plugin?
Palash-Mandal
Are you defining your custom component in a plugin? No. Just Add in init function editor = grapesjs.init({ const dc = editor.DomComponents; // Custom Heading Component blockManager.add('header', { label: 'Headings', category: 'Components',...
artf
The first rule of defining new component types is to place the code inside a plugin. From docs
#3481May 25, 2021by zgeist3 answers
Current version have security issue Might be update to newest version
igorstasiuk
yeah +1, need to be updated to latest underscore version
artf
Hi guys, I'm closing this as a duplicate of #3443
kirill-malyhin
Also need that fix after pen test!
#3480May 25, 2021by samichamoun3 answers
I've noticed if in the initialise function I set a height it will set based on a specific pixel amount e.g. height: "500px". However if you try to set with a percentage e.g. height: "90%" the editor has no height at all. Also I'm wondering what is setting the height if nothing is set because it appears to be automatic...
ahmedderkaoui
try to work with vh instead of px. eg: give the editor height: '80vh', your navbar height: '20vh'. This way, the vertical scroll will never be shown or needed as long as the sum of all elements's vh ≤ 100 Hope this helps.
samichamoun
try to work with vh instead of px.eg: give the editor height: '80vh', your navbar height: '20vh'. This way, the vertical scroll will never be shown or needed as long as the sum of all elements's vh ≤ 100Hope this helps. thanks this is usef...
artf
This is more a layout issue and not related to the GrapesJS editor itself.
#3479May 25, 2021by palash-zinfiNo answers
test post
#3478May 25, 2021by eyroooonNo answers
Some of the css was not working properly for example the .gjs-cv-canvas was not working. This is the screenshot of my grapejs page in nextjs