#2455December 12, 2019by mohammed-gaber-ramadan1 answer
how can i remove the link, button blocks from the section components because there is a conflict between it and ckeditor toolbar, I can create a link from ckeditor so i want now to hide the link and button components from grapsjs.
artf
Use the BlockManager.remove method
#2454December 12, 2019by ghost3 answers
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
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)
#2452December 10, 2019by senchden1 answer
Steps to reproduce:Select all text in a componentMove the componentSelect all text againMove the component againDeselect the component Expected result: Text remains Actual result: Text disappears Reproducible in a web page demo, version 0.15.9. See attached screencast:
#2451December 10, 2019by adityaMurarka2 answers
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
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
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
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...
#2445December 6, 2019by kickbk1 answer
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
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...