GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#2982August 28, 2020by mitcht3 answers
0 reactions

BUG: Executing editor.load(x) on x = editor.store() results in error.

Version: 0.16.18 Are you able to reproduce the bug from the demo? [X ] Yes [ ] No What is the expected behavior? I would expect that assets, components, css, html, and styles would be repopulated. Describe the bug detailed I am working on an existing system that has a database schema preventing me from using the Stora...

mitcht

Yes, I see that .load takes a callback function. I'll admit, I'm probably doing this wrong. I only started using grapesJS a few days ago. If my bug report is not truly a bug, how would one store the current state of the editor (possibly as...

mitcht

I'm investigating https://grapesjs.com/docs/modules/Storage.html#storage-api but I still would like to just be able to 'set and forget' :)

artf

There is an example which illustrates exactly what you're looking for https://grapesjs.com/docs/modules/Storage.html#define-new-storage

#2981August 27, 2020by trony20201 answer
0 reactions

GrapesJS deletes html attributes

Hello I start from: <table style="width:100%;height:100%" border="1" data-template="true"> ... <h4 data-fieldname="dateEventoString" data-gjs-editable="false" data-gjs-removable="false" > .... </h4> ... </table> but when i do editor.getHtml() the returned html is missing some original attributes ! Here the returned ht...

artf

https://github.com/artf/grapesjs/issues/2973#issuecomment-682264998

#2980August 27, 2020by ikenderham2 answers
0 reactions

BUG: range slider not working

Hello everybody I am trying to make a range slider inside a trait, where i can change a div height. I created a new component and inside of it i created a trait. I tried to make a solution with a selectbox that seems working. But now i will try to do that with a range slider, but i really dont know how to make it. Its...

ikenderham

https://jsfiddle.net/psrdmx4c/

artf

There is no built-in range trait, you have to create one first

#2979August 27, 2020by ghost3 answers
1 reactions

BUG: Defaulting Style Manager values to em or %

Version 16.17 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? I can set up the style manager so that I can present all units, the deafult unit and the value of and parameter that uses a size value (font-size, line height padding etc.) Describe the bug detailed When settin...

ghost

Here you go, I hope it illustrates what I am trying to do https://codepen.io/ksn-systems/pen/LYNzdje thanks

artf

Hi @ksn-systems are you able to create a reproducible demo, please?

yucomds

Same problem for me. I'm trying set to 20px the default font-size on editor load. Do you have a solution for this issue?

#2978August 26, 2020by louisraccoon1 answer
0 reactions

Korean Language support

issue to Korean Language support

artf

Thanks @louisraccoon once you'll open a PR here, I'll merge it

#2974August 26, 2020by naveen-baskaran1 answer
0 reactions

BUG: Hover editor result in TypeError: this[0].getAttribute is not a function

Version: "0.16.18" Are you able to reproduce the bug from the demo? Yes Describe the bug detailedSet the padding for the body inside the iframe.onhover the body part in editor the error throws in console. What is the current behavior? Uncaught TypeError: this[0].getAttribute is not a function at b.w.attr (cash.esm.js:...

artf

Thanks Naveen, the error will be fixed in the next release

#2973August 25, 2020by trony20203 answers
1 reactions

make not removable elements inside a block

Hello, Given: editor.BlockManager.add('test-component', { id: 'MappaPiuDescrizione', label: 'Mappa + Descrizione', content: <div data-blockname='mappaDescrizione1'> <br/> <div data-blockname='mappaDescrizione2' style='margin:2px;border: 1px solid red'> <div><h3>Test Moto</h3></div> <div data-gjs-type="map" style='heig...

RJCAM

So, I'm not sure if this are the best answers but they work for me.How to tell elements inside h4 are data-gjs-editable="false" also? With this attribute: contentEditable="false"if I delete all chars in a box then the box disappear, is the...

RJCAM

Hi @trony2020 Not really a class, but you can do it adding some attributes indeed, like here in the documentation, when you add a new component to the DOM, it adds the property as an attribute of the added element. So you can do something...

trony2020

I've tried with editor.BlockManager.add('Title-component', { id: 'TitleEB', label: 'TitleEB', content: "<div data-blockname='TitleForm' style='width:600px' data-gjs-removable='false'>" + data + "</div>" }); where data is: <div id="headerTe...

#2972August 25, 2020by kuhelbeher3 answers
0 reactions

FEAT: Disable scripts on canvas

Hello, first of all thanks for a great tool. On my project i hit the problem where I need to disable scripts inside the editor. I found 2 similar issues with this problem - https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesjs/issues/2814. So the problem is quite common and maybe it's better to...

RJCAM

Hi @kuhelbeher I'm still trying to achieve that too, but here's a tip that can help us to achieve it. I'll post here if I figure out a way. See this issue #2772

kuhelbeher

@RJCAM thanks for tip, I tried that, but problem with this approach is that it disables script for component, not the whole template.

artf

Once the editor and its components are loaded it's hard to think about disabling JS, think about a component with custom scripts that binds events all around the DOM (maybe even using some external plugin). The only way it could be possibl...

#2971August 25, 2020by gunslingor3 answers
0 reactions

BUG: Minor issue in webpage demo Tooltip

webpage demo Summary: el.setAttribute('title', ''); fails for view panel buttons only (not options panel buttons). Symptom: You can see the mouse over on the view buttons, they all start with "Open yada yada", the word open should be removed per the array (e.g. ['open-sm', 'Style Manager']). Cause: Suspect something i...

artf

Can elaborate better on how to reproduce the issue, please?

gunslingor

Go here: https://grapesjs.com/demo.htmlHover over any view icons, notice the tooltip starts with OpenIf you look a the javascript, in the same area you set the other tooltips your changing these as well to show the name without the word "O...

artf

Those tooltips are made for the demo purpose, this has nothing to do with the core library... Anyway, the value shown is taken from data-tooltip and not title.