GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#897Feb 24, 2018by konstantin550003 answers
1 reactions

How to: find some component at canvas, on event "component:add"

Hi everyone, let say i've added block <form> on canvas. When i adding next <form> (second time) , need to check: if weather this component already present on canvas, call function implodeComponents(presentedComp, recentlyAddedComp){} But, On event editor.on('component:add'... i can work only with recently added compon...

konstantin55000

Thanks for your attention. I just read the doc. And ended up with this solution: editor.on('component:add', function(currentComp) { if (currentComp.attributes.tagName == "form"){ var modelList = (domComps.getComponents()).models; var prese...

ionic666

@konstantin55000 hi ,bro ,domComps.getComponents() is getting all models,i just want to get button.how can i do it?thanks

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.

#896Feb 23, 2018by maxtacco3 answers
4 reactions

Media query rules are overridden by class rules in canvas

Hi @artf , I've noticed an issue while testing one of my templates using different device configurations that supposed to trigger media queries. My template has styles generated as following: It looks like this JSON is used to generate styles inside canvas as in this screenshot: You can see here that the '.cell' style...

vrudikov

@artf Created the PR

artf

Thanks for the catch guys and the great video @vrudikov, was really helpful. I'll investigate this

vrudikov

So now we have the following structure: And you want something like this:

#895Feb 23, 2018by alvim2 answers
0 reactions

Update script won't refresh component script properly after autoloading component from html in localStorage

I'm using GrapesJS v0.14.5 in a local copy. OS: Ubuntu 16.04 LTS Browser: Chrome Version 64.0.3282.140 (Official Build) (64-bit) I think I can't reproduce it from the demo I have a component with the current script: (The "comp" variable part is from a plugin functionality I'm currently developing, but I think you can...

artf

gjs-html contains the final HTML, the HTML your users will gonna see so it's correct that you see the script "compiled". For a correct editing, you have to rely on gjs-components which is basically a JSON representation of the template and...

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.

#894Feb 23, 2018by alimajed933 answers
0 reactions

Add a custom attribute

Hi everyone, I am creating new blocks, when I use the following method: editor.BlockManager.add(blockId, { label: blockLabel, content: {...blockContent, "customAttribute": "value"}, attributes: blockAttributes}) I can read the customAttribute using editor.getSelected().get("customAttribute") How to add this attribute...

samuelmattos

Hi @alimajed93 try it! editor.BlockManager.get("blockId").attributes.content.customAttribute

artf

@alimajed93 I think you're referring to this so then editor.getSelected().get('custom-attribute') Be aware that attributes keys in HTML are case insensitive, therefore data-gjs-customAttribute="value" is parsed to customattribute

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.

#892Feb 22, 2018by iceverge3 answers
0 reactions

How to get the link value?

Hi Guys, How can I get all links value before or upon saving the email template. I want to substitute the links with proxy url. In order to trap the click links. Any help much appreciated. Thanks

artf

iceverge

Thanks @artf. It really helps a lot. Thanks again.

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.

#891Feb 22, 2018by arius282 answers
0 reactions

Can the visibility set in layer manager be exported in getHtml

Perhaps it should be taken into account when using getHtml() and some elements are hidden in the layer manager then they should also be hidden in the exported html. There might of course be plenty of reasons why this should not be done, in which case is there some way to get this functionality without changing the sou...

artf

Well, this is already as it is

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.

#890Feb 22, 2018by ekennedy803 answers
0 reactions

I cannot get the simple example working

I am not new to Javascript but when I try the example: I get a blank page. That is with adding the CSS and Javascript library. Any suggestions on getting this up and running? Looks like an outstanding project!

maxtacco

I suggest you clone one of the examples using Git and run it using NPM commands included in the project. In your example above I would check the paths to grapes.min.css and grapes.min.js files - make sure you do not get 404 - Not found.

artf

Try with this instead

ekennedy80

Okay, I am building a CMS using JSF 2.2 and I cannot get a simple example working in the web application. But if I test an example using a simple file and browser I can get it to work. Has anyone had any experience using grapsejs with JSF?...

#889Feb 21, 2018by krunal0392 answers
0 reactions

Destroy Editor

is there way to destroy editor, I need to add button on page if user click, open page in editor and on save close editor and remove any reference of it.

artf

Check here https://github.com/artf/grapesjs/issues/849

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.

#888Feb 20, 2018by NorthstarTech2 answers
0 reactions

Existing SVGS of GrapesJS

I want to write a svg for a block of the same size as the existing svgs columns. Where I will find the code of existing SVGS of grapesjs which are display on the block. I want the svg code of columns and edit them according to my requirement. Thanks

artf

Tabs SVG example https://github.com/artf/grapesjs-tabs/blob/master/src/blocks.js#L10-L17

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.

#887Feb 20, 2018by pwof422 answers
0 reactions

FAIL on 'npm run build:css -- -w & webpack-dev-server --open --progress --colors'

Hi, I can't get running grapesjs. Here my logs :# npm start> [email protected] start /var/www/web/server/grapesjs> npm run build:css -- -w & webpack-dev-server --open --progress --colors> [email protected] build:css /var/www/web/server/grapesjs> node-sass src/styles/scss/main.scss dist/css/grapes.min.css --output-style co...

artf

Update your node

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.

Browse all topics