GrapesJS Issues

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

3464 issues found

#2454December 12, 2019by ghost3 answers
0 reactions

Setting border radius with an 'em' value.

Hi I am trying to use grapesjs for a project that needs to scale to the display. I have things like margins and fonts doing it fine but I want to only let the user specify border radius in em units so the they will scale too. This would required the options for the units in the various border radius inputs to include...

artf

How do you init/update the Style Manager?

ghost

Hi . like this (for the fonts) editor.on('load', function () { .... styleManager = editor.StyleManager; fontSize = styleManager.getProperty('typography', 'font-size'); units = ["em"]; fontSize.set('units', units); styleManager.render(); .....

artf

Ok, if you're updating via API you can do this:

#2453December 11, 2019by adityaMurarka1 answer
0 reactions

Not able to use colors(TextColor,BGColor) and styles(Font,FontSize) in toolbar

Hi artf, I am adding colors and styles section in toolbar. I am able to see other sections but not colors and styles in the editor. "gjs-plugin-ckeditor": { position: "center", options: { toolbar: [ { name: 'styles', items: ['Font', 'FontSize'] }, { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', '-', 'Remove...

artf

This is not related to the GrapesJS core library and probably not even the plugin. Check the CKEditor documentation please (you might missing some plugin)

#2451December 10, 2019by adityaMurarka2 answers
0 reactions

Understanding of how style manager implements and handle CSS

Issue 1 I made a page using grapesJS and then I exported the page and then imported it back. On importing whatever styles I had applied I am not able to see the styles in the style manager.Issue 2 Due to issue 1 on applying new styles since I do not see what earlier styles I applied, in some cases, I can see them in t...

artf

Issue 1 & Issue 2 Please provide the exact steps on how you export and import the templateIssue 3 Sorry but "in some cases" doesn't help here. You have to explain exactly what you're doing and what you expect

adityaMurarka

Issue 1 & Issue 2Please provide the exact steps on how you export and import the template By using the default option provided in grapesJS to export the HTML and CSS and importing using the import button on the grapesJS toolbar.Issue 3Sorr...

#2450December 10, 2019by hudy11 answer
0 reactions

[Question] Browsers support

Hi, Which browsers are supported by GrapesJS? I couldn't find information about it on website / docs. I need to know it before adding GrapesJS to company project which supports i.a. IE 11 and Safari. Thanks :)

artf

You can see it here https://github.com/artf/grapesjs/blob/041904f1f3364b05b5908f0da2a0e2460a292aa4/package.json#L69-L73

#2448December 10, 2019by ghostNo answers
0 reactions

[Feature request] Add FR Language support

As I saw in the latest release (which I'm currently using), we can now use i18n translations for Grapesjs. It would be great to have support for french language. So, I will try to do it :)

#2447December 9, 2019by alemenciones1 answer
0 reactions

Update styleManager properties on drag and resize

I need to see in real time the update of the properties of the component in the styleManager when I drag or resize a component (or in some other way that changes its style properties). I've managed to see width and height running this: editor.on("styleManager:change:width styleManager:change:height", (response) => { e...

artf

Duplicate of #2374

#2445December 6, 2019by kickbk1 answer
1 reactions

Datetimepicker in a new component

I apologize for the length of this question! It's a whole new component an I'm almost done writing it, I just need a little bit of help and I believe this could be useful for others. I am creating a date select input that uses the daterangepicker lib. gathers all date type fields via the options. I have , , , and fiel...

artf

Most of the logic you're doing in handleDateInputsOptions should be inside your component script. Your dateInputsSelect prop contains the input type, so use the interpolation in your script then apply the logic of handleDateInputsOptions....

#2444December 4, 2019by MariusDK1 answer
0 reactions

Set charset of canvas or grapesjs to UTF-8

Hey @artf , How to get UTF-8 encoding from canvas in angular 8. I need this because i encode btoa from frontend and send to server. Server use base64 to decode with UTF-8 and special characters like spanish are not recognized by server. Please help me.

artf

Hi @MariusDK the iframe in the canvas doesn't use any particular charset so it should depend on the parent page or at least, due to HTML5, be in UTF-8 FYI, if you need to get the iframe element (for any kind of manipulation) you can do thi...