GrapesJS Issues

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

3464 issues found

#1409September 7, 2018by YashPrince3 answers
0 reactions

Component Drag Event

I want to know how can I get that component from which element is dragged and drop to the other component. I need to add a class if component become empty if element is dragged and droped to the outside element. I can get the component which dragged and in which it droped but not from where it dragged. Any Help would...

artf

In your case, I think it would be better listen to inner components changes (eg. what if I delete all children components?), but currently, there is no such an event, so I'll try to add it for the next release. It should be something like...

sakshigarg9

@YashPrince how did you get the id of the dragged component and where it was dropped

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.

#1408September 6, 2018by Siddharth-ss422793 answers
1 reactions

Why Text element converted into box ??

Hi @artf , I am using grapesjs newsletter plugin with ckeditor plugin. I dragged TEXT element in canvas and did some editing with ckeditor. i have connected it to database. when ever i save content in database after reloding the editor i set content value from database field and after that TEXT element get converted i...

artf

@Siddharth-ss42279 If you need to EDIT the template created from GrapesJS, you SHOULD NOT USE ITS HTML.... you should import its JSON... so you're doing it WRONG It's like doing this and then complaining why your el doesn't have click list...

artf

What do you store in your database? The HTML and CSS?

Siddharth-ss42279

Hi @artf Actually, i get in-lined html using command editor.Commands.get('gjs-get-inline-html').run(editor) and saving it to database and for rendering content i am using editor.setComponent(content_field) problem is when i render content...

#1407September 6, 2018by jvillena2 answers
0 reactions

[QUESTIONS] EXTRA TBODY ADDED EVERY TIME I SAVED THE HTML DATA.

Hi @artf, I had an issue when I have tables in the editor and I add new rows then if my table is saved when is loaded again an extra tbody tag is added to my table. I don't know why this behaviour is happening on the editor. Best Regards.

jvillena

Hi @artf, The issue is solved if I commented in the initialize method of the tbody in the grapesjs core. But I don't understand once you are including it without checking if the tbody tag already exist.

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.

#1406September 5, 2018by jatiyanon1 answer
0 reactions

What about Heading Tags

such as H1-H5.

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.

#1405September 5, 2018by milanstamenkovic2 answers
0 reactions

Angular support

Hi there, Is there a chance to use grapesjs inside an angular 6 application? And if you can navigate me to some examples or tutorials? Thanks in advance, Milan

artf

I don't know about angular 6 but I'm quite sure it won't be too much different from this https://github.com/artf/grapesjs/issues/220#issuecomment-322574774

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.

#1404September 4, 2018by agoulart722 answers
0 reactions

addType in domcomponent for html conditionals generates a <div> in visualization

I have followed the instructions from issues #37, #787 , #208 , #1254 The comments are there in the HTML, however an "\<div\>" element is created on visualization, how do we change the code so that this "\<div\>" could be replaced by something else, or add a style ? Ex: "\<div style="display:none"\>\</div\> would be o...

agoulart72

Find the answer myself, for anyone that may have the same problem : extend the render part and set a display:none to the object to be rendered, this will not affect the html.

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.

#1403September 4, 2018by Abhisheknanda13444633 answers
0 reactions

how to build minified Css?

hi @artf Can You please explain me how can i build css from style section. Everytime when i run "Npm run build".Code build in min js only should i need to add file for css build??? Thanks.

artf

npm run build minifies also CSS via "build-dev": "webpack --env=dev && npm run build:css",

Abhisheknanda1344463

ok @artf thanks :)

Abhisheknanda1344463

@artf With command "Npm run build" my css doesn't get build. i tried npm run build:css it shows error && various scripts are written in my package.json as shown below. My all css is in the Style folder."lint": "eslint src","v:patch": "npm...

#1402September 4, 2018by huzineczerik3 answers
0 reactions

Translate Panel options and DeviceManager buttons

Helllo @artf , How to translate the Panels and DeviceManager button titles to other languages? Please write example for me. 'FullScreen' -> 'Teljes képernyő' 'Desktop' -> 'Asztali' Thank You, Erik

huzineczerik

#1398 connected issue

artf

Please check here https://grapesjs.com/docs/api/panels.html#panels panelManager.getButton('options', 'fullscreen').set({ attributes: { title: 'Something' } }) The devices button are always Button from Panels

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.

#1401September 4, 2018by robgar952 answers
0 reactions

help for create component

Hello, I need to do two things:I need a component to create a button with specifically id and disabled edit the id.Define one tag HTML impossible remove. (nor with the clear canvas function) Thanks for read me

artf

https://grapesjs.com/docs/modules/Components.html

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.

#1400September 3, 2018by FlashPapa2 answers
0 reactions

[BUG] double dash in texte

With /! grapesjs - 0.9.15 / When we edit a text box and we put a double dash and we use the function 'mjml2htm' we have the following error : Error: [MJMLError] ParseError: Error while parsing the file grapesjs-mjml.min.js:2:30405 a http://127.0.0.1/earcGrapesJs/app/bowercomponents/grapesjs-mjml/dist/grapesjs-mjml.min...

artf

@FlashPapa your grapesjs version is outdated and this is the core repository, which has nothing to do with mjml plugin

jmchaves

Double dash is still happening: