GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1524Oct 17, 2018by gasserol2 answers
0 reactions

Howto add Blocks?

Hello all, it turns me crazy but I do not understand how to add blocks. I can write them myself following tutorial, but when I load plugin, like grapesjs-block-basic for example, blocks don't show. Here is my code: Can somebody explain me what I'm missing? I think that loading grapesjs-blocks-basic.min.js should make...

gasserol

found the problem, was loading wrong js file.. sorry.

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.

#1522Oct 16, 2018by SeongwoonHong2 answers
0 reactions

Is it possible to add some text to content body where the cursor is ?

I'd like to have a button that is outside the editor and if i click this button, some text should be generated in the body where my cursor is currently. I've tried to find but couldn't find a solution for this..

artf

https://github.com/artf/grapesjs/issues/111#issuecomment-310059057

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.

#1521Oct 16, 2018by Controlhaus3 answers
0 reactions

S3 file upload example

Are any examples of using Aws S3 to store asset files available?

Controlhaus

To upload to S3 direct from the browser, a pre-signed URL needs to be obtained from the app's server first. The URL needs to contain the file's name. Is it possible to assign the asset manager's upload URL in the before upload event? This...

artf

Check this PR https://github.com/artf/grapesjs/pull/1430 To update the config of the upload url: editor.AssetManager.getConfig().upload = 'asdasd'

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.

#1520Oct 16, 2018by krunal0393 answers
0 reactions

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.

#1519Oct 16, 2018by Controlhaus3 answers
1 reactions

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.

#1517Oct 15, 2018by himanshubudhlakoti2 answers
0 reactions

How to add shape's block on blockmanager in grapesjs

Hello All, I am new in greapsjs. i have a query is it possible to add shapes( Rectangle , Triangle , Square) on blockmanager as we add sections. i want to add shape's block on block manager and when i drop this shape on canvas then it should be appear there just like other blocks such as sections. please let me know

artf

You can put inside blocks any HTML/SVG/CSS you want, how you achieve the result (Rectangle , Triangle , Square) it's up to you

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.

#1515Oct 15, 2018by thanhtunguet3 answers
0 reactions

Destroy editor but does not delete the editor object.

Hello, I've created a wrapper Component of grapesjs for React. When the component is unmounted, it will destroy the editor by calling the destroy method. When my app render a new editor. (User goes back from 2 to 1, then go to 2 again, see my screenshot), the old destroyed editor seems to still exists. It affects to t...

artf

Do you mean the editor object from GrapesJS.editors? The one you remove manually with delete GrapesJS.editors[this.id];?

thanhtunguet

I tried to destroy the editor manually and by API (Editor.destroy) but they did not work. The editor seems not to be fully destroyed.

artf

Ok then, we have already an issue related to the destroy method #1501 If you need to add something do it there

#1514Oct 15, 2018by himanshubudhlakoti3 answers
2 reactions

How to add video block on blockManager

Hello All. i want to add a video block on blockmanager same as mentioned on below snapshot i am using following code for adding video block on block manager but that code does not works please let me know how can i add video block on block manager

yomeshgupta

@himanshubudhlakoti You can use https://github.com/artf/grapesjs-blocks-basic as a plugin. It has pre built blocks. Documentation is pretty straight forward on this.

himanshubudhlakoti

thnak you @yomeshgupta it has done

yomeshgupta

@himanshubudhlakoti You are welcome! Close this issue if it is resolved.

#1513Oct 14, 2018by yomeshgupta3 answers
0 reactions

Duplicate CSS written under media queries

Hey @artf Great work on the project! I noticed something and I am able to reproduce it on my local machine too. Any css written under media queries is being duplicated/applied twice. Grapesjs Version - 0.14.33 Browser - Version 69.0.3497.100 (Official Build) (64-bit) OS - Windows 10 Demo - https://grapesjs.com/demo.ht...

yomeshgupta

GrapeJs Editor Initialization Test Block Added Output @artf I am trying to add a custom block and providing HTML/CSS of the block via content attribute. When I drop the block onto the canvas then Media Query CSS is added twice to DOM Eleme...

yomeshgupta

Link to GrapeJS I am fetching - https://grapesjs.com/js/grapes.min.js?v0.14.33 In my debugging (might be wrong), in the file : ./src/css_composer/index.js When a rule is added The rule is matched against existing rules, if not present then...

artf

Thanks Yomesh, I'm investigating on this

Browse all topics