GrapesJS Issues

3,464 parsed GitHub issues — 370 solved · 90 open. Search, filter and explore battle-tested answers.

644 issues found

🔍 components
#1559November 3, 2018by jotakar1 answer
0 reactions

Issue: broken links in docs

I've found a pair of broken links in docs https://grapesjs.com/docs/modules/Components/ in page https://grapesjs.com/docs/modules/Blocks.html And https://grapesjs.com/docs/modules/Components-&-JS in https://grapesjs.com/docs/modules/Components.html#components-js Bye.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1547October 29, 2018by ploutos272 answers
0 reactions

How to add component attributes (before rendering)

Hello, I'm looking to auto create components inside a block element and it seems that I manage to do that but with a small missing... How I can pass component attributes for each one ?? The code is below and it's create multiple blocks. Each block has different type of component. By passing the blcoks Array inside the...

artf

By what I see, from how you create blocks, it has nothing to do with the rendering of components, eg. parameters="null" is null because arrBlocks[j].value.parameters is null, that's all

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1538October 24, 2018by Geelik2 answers
0 reactions

Different content when exporting

Hi, I'm trying to use grapejs with dynamic contents. What i want to achieve is like wordpress, i want to have shortcodes / custom html tag when i export html. So here is an example of what i mean : So for that i use components, i have tried to do this.model.set('tagName'', 'div') inside the render method in my compone...

artf

@Geelik you can set the tagName in Component definition

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1535October 22, 2018by christopherserrao052 answers
0 reactions

[Bug]: After custom component is deleted the Trait's view does not clear out

Hi, I'm using the grapesjs library version 0.14.33. I've created some custom components and I've noticed that on deleting the components the Traits panel does not clear out. For instance when the canvas loads and no component is selected, the Traits panel does not display any traits. The traits are displayed only afte...

artf

Ok thanks for the report. I'll fix that in the next release

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1520October 16, 2018by krunal0393 answers
0 reactions

[Bug] On this.components() Error : Uncaught TypeError: Cannot read property 'each' of undefined

Get below error for this.components() not sure if it is bug or I am doing something wrong. Uncaught TypeError: Cannot read property 'each' of undefined at R.i.countChildren (grapes.min.js:formatted:16228) at R.i.template (grapes.min.js:formatted:16093) at R.i.render (grapes.min.js:formatted:16248) at R.i.addToCollecti...

krunal039

@artf can you please let me know what am I doing wrong here?

artf

@krunal039 follow the issue template please

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1519October 16, 2018by Controlhaus3 answers
1 reactions

[QUESTIONS]: Init components in grapesjs.init

Is it possible to initialise the components at grapesjs.init. We are not using StorageManager.load. We already have the project data at init. Using html works fine, but using components renders the components object as text in the editor. this.editor = grapesjs.init({ components: projectData.components || projectData....

cjpollard

You need to parse the string. JSON.parse(projectData.components)

Controlhaus

Working now. Thank you for the fast and accurate reply :-)

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1492October 9, 2018by rgernale3 answers
0 reactions

Creating Custom Multiple Block Managers

Is there a way to generate multiple block managers where you click on a command button and a set on specific components are listed in the view panel? I recently asked about Multiple block mangers or filtering blocks based on criteria, but I should have explained a bit more. Here is that I'm looking for. In the images...

artf

Just pass the set of blocks to the BlockManager.render method https://grapesjs.com/docs/api/block_manager.html#render

alemenciones

@rgernale hi bro, i'm trying to do the same as you, how did you manage to implement it?

rgernale

No. I haven’t had time to work on it. But I saw in one of the thread of something close. You’ll have just search Sent from my iPhone On Jun 13, 2019, at 5:32 PM, alemenciones <[email protected]> wrote: @rgernale hi bro, i'm trying t...

#1489October 9, 2018by rgernale3 answers
1 reactions

Multiple block mangers or filtering blocks based on critera

I would like to be able to make separate blocks into groups for different icon on panel. For instance I have buttons A, B & C on panel . "A" block manager will contain 1,2,3 components, "B" block manager will contain 4,5,6 components and so on,

mcsekar12

Create blocks to be grouped with the same category name as below. Here ButtonA,ButtonB will be grouped under CategoryA and Button1 under CategoryB

rgernale

Thank you for the fast response.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1485October 8, 2018by Skovmissen3 answers
1 reactions

How to prevent styling html components?

Im trying to create some templates, which should not be editable and styleable. So that when i drag in my blocks then should stay as defined. Is there a way to disable the style manger for certain components? i know about data-gjs-removable="false", data-gjs-editable="false" But they do not do what im tryting to do. T...

cjpollard

Try data-gjs-stylable="false".

artf

Yeah you should use data-gjs-stylable="false"

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#1484October 8, 2018by mararn16183 answers
1 reactions

[Question]: Textblock subsequent rows do not give cursor/richtext editor when clicked, but are selected instead

I have noticed a strange behaviour in my adaptation of GrapesJS concerning the richtext editor and the gjs-blocks-basic plugin. Whenever I drop a textblock and start writing, I will end up with one component for the dropped block and several sub-components for each row (see elements in screenshot with data-gjs-type="t...

mcsekar12

https://github.com/artf/grapesjs/issues/761

mararn1618

Thanks, my issue seems to be a duplicate of https://github.com/artf/grapesjs/issues/761 I have tried GrapesJS 0.14.33, which should contain the fix for 761, but unfortunately it gives me a new exception within the richtext editor, which I...

mararn1618

I fail to recreate an isolated demo to reproduce the new exception, but I have found that the exception will also occur with GrapesJS 0.14.25, i.e. it was not introduced recently.