GrapesJS Issues

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

3464 issues found

#1138May 28, 2018by dinhjeffrey2 answers
0 reactions

[Question] Only showing "Block" element under Block Manager

Not sure if it's suppose to be like this but I git cloned the repo and npm start. I can only see the "Block" element; cannot see Links, Videos, Sections, Text, Quotes, etc. elements. How do these other elements in the Block Manager?

JulyanoF

@dinhjeffrey you need to install this extension: Basic Blocks

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.

#1137May 27, 2018by shareefhiasat3 answers
2 reactions

Cant make Text Block not editable and style able at the same time !

Demo / reproduce problem https://jsfiddle.net/shareefhiasat/u8Lodyh7/1/ Question Not sure if its bug or i dont know how to get the desired behaviour Expected I need text element like, and be able to style it but NOT changing what content (text in it) Actual and What i have Tried I tried from wiki and docs some solutio...

shareefhiasat

@artf yes its working my friend , thanks a million here how it is now for future reference , fiddle you cant edit , but you can style https://jsfiddle.net/shareefhiasat/jdpkccz0/ You can close it, Regards

shareefhiasat

UPDATE for future reference , i updated jsfiddle with editable and none editable component example, note that the appearance and behavior of hovering over elements dose not work with its not editable

shareefhiasat

@julyanof @artf Please help may be it too simple to figure out my self

#1135May 25, 2018by JulyanoF3 answers
0 reactions

[Question] Two html tags as one (link/button)

Is it possible to have two elements (div and lnik) and consider as a single? For example: there is the my following link block: <div class="row"><a class="btn" href="http://test.com">Link Here</a></div> And I would like that on click div or button, it shows the <a> as a selected element on editor views, but in wrapper...

artf

You should create a custom component

JulyanoF

@artf I tried extending original link component, but it seems not working It's not changing anything.. I already tried to disable autorender and render after all changes. I could change the content only setting a new, using BlockManager: b...

JulyanoF

@artf as you said, I tried to use Components, but I didn't get expected result. Could you help me? My link block prints this content: <div style="height:45px;margin:0 auto 10px auto;padding: 5px 5px 5px 5px;width: 100%;text-align:center"><...

#1134May 25, 2018by kuldeepcis2 answers
0 reactions

Add custom style in the style-sheet for a new class of existing block.

Hello @artf _("map") && i.add("map", { label: n.labelMap, category: n.category, attributes: { class: "fa fa-map-o" }, content: { type: "map", classes:['map-width'], // unstylable:['width'], style: { // height: "350px", // width: "auto", } } }); add a new class 'map-width' on map element, now I want to add new css for...

artf

You can add it in template or inside blocks. BTW check other issues before opening a new one, there are plenty of questions like this

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.

#1133May 25, 2018by kuldeepcis2 answers
0 reactions

Add new block with elements and traits

Hello @artf I've to create new block with multiple elements and traits. Like social profile element having multiple element like facebook, G-plus, twitter many more elements. and every element having two options one for URL another for icon to show/hide through check-box. Please see fiddle on URL: https://jsfiddle.net...

artf

@kuldeepcis You create a social-icons component as a <div>(by default) and then on init you add this: Then you select the <a> and expect to see social-icons traits on it, well you're wrong, because that <a> is another component... Change y...

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.

#1132May 25, 2018by agungjanuar3 answers
0 reactions

[Question] How do I get <body> tag and its attributes

I have set the background-color for body. But when it will be edit code or export data using command editor.runCommand ('gjs-get-inlined-html'); there is no attribute for body that has been set. How do I solve for the body tag to retrieve when using that command? Or is there another way? Image when set background-colo...

artf

There is an option for it

agungjanuar

Thanks @artf , it works :)

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.

#1131May 25, 2018by ionic6662 answers
0 reactions

hi。how can i use different stylemanagers for different blocks

i want drag a table ,so i want some styles for table

artf

A component model has 3 different properties which allow to customize the behavior of the StyleManager: stylable, unstylable, stylable-require (for more details look at source file)

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.

#1129May 24, 2018by JuanTincho1 answer
0 reactions

[BUG] Duplicated editImage button(Aviary) while cloning an image block

If grapesjs-aviary is enabled and cloning an image, the pencil button is duplicated. Before: After: I worked on a solution: https://github.com/artf/grapesjs/pull/1130

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.

#1128May 24, 2018by Abhisheknanda13444633 answers
0 reactions

Bug in dragging selected text

hi @artf as you can see my screenshot when you drag textblock than select text in that element and drag it to bottom of content than text get append to content without any tag and we are not able to edit that text.. can u please help me out.. @artf

artf

Don't drag the text from the component, create a new one or drag from blocks

Abhisheknanda1344463

hi @artf Thanks for your reply.. i want to know if it is possible if i update style manager in mobile device then it'll not reflect in Desktop Mode...Please reply me asap i need your help. Thanks @artf

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.