GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1141May 29, 2018by inventorbit2 answers
2 reactions

How to extend the existing traits and render the changes in canvas?

I am trying to write a plugin to manage all the element properties of Boostrap Blocks. If someone clicks on the button it will show button related properties like button colors, size, etc... (based on default bootstrap classes) The following code - modifies the button classes and settings got stored in the model howev...

artf

You don't need to update the view in this case, just change the classes inside the model. All you need is 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.

#1140May 28, 2018by TclasenITVT3 answers
1 reactions

IE11 Newsletter Demo not working

General Information I'm trying the the current demo on http://grapesjs.com/demo-newsletter-editor.html. The webpage demo works without a problem but the newsletter demo fails. I am using IE 11 on Windows 10. IE Version is 11.1088.15063.0, updateversion is 11.0.65 (KB4103768).What happens As seen in the screenshot the...

TclasenITVT

@artf thank you a lot for fixing this πŸ‘

shareefhiasat

@TclasenITVT please edit steps to reproduce and add this link Test Browser online check IE 11 online grapesjs link @artf its working on Edge IEs ( version 20 in my case ) Regards

TclasenITVT

@shareefhiasat are you satisfied with the way I edited the steps to reproduce?

#1139May 28, 2018by ionic6661 answer
0 reactions

Use built-in table components

i want to ask your opinion for how to use built-in table components

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.

#1138May 28, 2018by dinhjeffrey2 answers
0 reactions

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

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

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.

Browse all topics