GrapesJS Issues

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

3464 issues found

#2032May 24, 2019by yrbn1 answer
0 reactions

[QUESTION] How to remove unnecessary component?

@artf you closed my issue before I approved that the answer is correct. I want grape js not to wrap the link with any block(link, text etc.). Is it possible?

artf

Please avoid opening new issues to continue the discussion of another...

#2030May 23, 2019by ohmyvander1 answer
0 reactions

[Question]Is it possible to customize a block which load data from database

For example, I want to create a complex custom navbar block. It has several first level navigations, and each of one also has several second level navigations. The data of navbar is loaded from database. And when I drag it to the canvas, I can modify properties in trait to change the data navbar loaded. Also, when I e...

artf

Sure, but in that case, I'd suggest you create a custom component. Here an example/pseudo-code of triggering an async function for changing the component content

#2029May 23, 2019by arachnosoft3 answers
3 reactions

[Question/Bug] grapesjs throws a DOMException if you import HTML contents with invalid (numbered) attributes

Hi @artf , We got a report that when you import some HTML code with incorrect attributes, such as <td class="cell" 01234="0" >Hello world! </td> grapes.js throws the following Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '01234' is not a valid attribute name. at HTMLTableCellElement.<anonymous...

arachnosoft

Just to keep you informed, I applied the try/catch fix suggested by @ankx06 and @artf to our code, but in a generic way. I wanted to ensure that the exception would be catched in all cases when setComponents() is being called. Either from...

ankx06

@jmchaves this is not called from any event. This is the function to update component's inner components/html.

ankx06

I have also faced this issue while setting an invalid attribute/style for image height/width. Currently, I have handled using a try-catch block If the newContent has multiple components and only one component have the error, due to excepti...

#2028May 23, 2019by WebEtSolutions2 answers
0 reactions

[Style manager] Unit don't change on Composite Type

Hi, I have an error on your demo :( 1- In the style, on the "Build your templates without coding" text, set TOP to 5px 2- In the same element, set Dimension > Margin > Top to 10px 3- In the "Hover me" button, set TOP to 1% and Margin > Top to 2% 4- Select "Build your templates ..." The TOP value change top 5px -> OK T...

WebEtSolutions

For fix this issue, you must change PropertyView.targetUpdated() and change this line let targetValue = this.getTargetValue({ ignoreDefault: 1 }); by this one let targetValue = this.getTargetValue({ ignoreDefault: 1, ignoreCustomValue: 1 }...

artf

Thanks @WebEtSolutions I'm not totally sure about the solution but the bug is confirmed

#2027May 22, 2019by sdrebel2 answers
0 reactions

[QUESTIONS] How to add traits dynamically based on the dropdown selection

Hi @artf , I have a custom component with custom traits. When I select the option from the dropdown, more fields needs to be added based on the selection. How do I do it? Dropdown Extra fields Code is below, I have added the listener but not getting the option to add new fields to the current trait setting. DomComps.a...

sdrebel

I have tried this below code and it's adding in the traits array. But not reflecting in the editor. domComps.getType('linking').model.prototype.defaults.traits.push({ name: 'product' })

sdrebel

Found the solution from the latest code. this.addTrait({ type: 'checkbox', name: 'muted' })

#2026May 21, 2019by alikabeer322 answers
1 reactions

[Feature request] style manager css functions (for example transform: rotate(90deg)) accepts only one parameter

I would like to provide an option for the css function translate(x,y) but the addProperty parameter functionName accepts only one parameter as input. I tried to use translateX() and translateY() but they don't work simultaneously. I'd be grateful if someone could maybe tell me some other method to get the desired effe...

adamyarger

@alikabeer32 I ran into the same problem before, you have to set the defaults value for translateY and translateX since the transform property in css is shared across both translateX and translateY. for example grapes outputs transform: tr...

alikabeer32

Yes! It was the perfect solution. Thank you !

#2025May 21, 2019by MisterFK3 answers
1 reactions

[BUG] Link isn't editable on EDGE

Hi, The link component isn't editable on EDGE. I try on the grapesjs demo and there is the same issue. Do you know how to resolve this problem please? Thanks!

zgover

You still use/support IE? 🤔 Let it DIE ALREADY...

kkifa

I'm seeing the same behavior in latest version of Edge. After dragging the 'Link' or 'Button' block onto canvas I can select the label text by double-clicking, and I can insert an 'I' beam by single-clicking inside the selection, but inser...

artf

Closing this as doesn't seem to be an issue anymore

#2024May 20, 2019by charlieshum1No answers
0 reactions

Block CSS collide with CSS rules already defined in template

For block specific styles I'd recommend just using style tag If you want to preload external stylesheet inside the canvas Hi @artf When using <style> tag to define styles inside the 'content', after the block is dropped on the canvas, the css rules of the block overrides those of the elements that already in the canva...

#2023May 19, 2019by Amir28281 answer
0 reactions

TUI Editor

Hello all, Im having a problem with the TUI editor plugin, If I try to edit a newly updated image that has been through the asset manager, Everything works fine. But if I try to edit an already existing image in an exisiting page the TUI dosent recognize the image and open the editor with no image on display. Any solu...

artf

Wrong repositoryCreate at least a demo of the issue

#2022May 17, 2019by shaunc8692 answers
0 reactions

RSS Feed

Hi! I have a question, I searched but couldn't find an answer, is there a component that pulls in an RSS feed and formats it on the page. MailChimp and Campaign Monitor do this, here is an example feed: http://www.homecaredaily.com/feed/ I realize some of this is done server side, but just looking to see if anyone has...

artf

Hi Shaun, I think it should not be that complex to implement if you read how Components and Traits work. It should be something like this (take it as a pseudo-code): then add a block to let users drag it in the canvas

shaunc869

This is amazing, thank you so much!