#2970August 24, 2020by MarksEliel1 answer
Increase margin between components or insert a margin at the end of the editor. I have a problem when adding a component, it goes inside the front div.
RJCAM
Hi @MarksEliel Please follow the default guide when making a bug report to better understand your issue.WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/g...
#2968August 24, 2020by gunslingor3 answers
https://github.com/artf/grapesjs/issues/1627 I think the question is related to this line specifically, I have the same issue. I look thru the demo but this class only appears in css and this line, so this selector returns undefined does it not? What element has this so that it can then be appended? traitsProps.append...
gunslingor
Okay, I think I understand. I need many different versions of grapejs canvases... each should be it's own plugin, maybe sharing common code in some cases. I was thinking differently, that presets were only settings that could be overridden...
Nikesh-hub
Hello @gunslingor before calling trait sector you need to make active both section settingButton && settingButton.set('active', 1); styleManagerButton && styleManagerButton.set('active', 1); and then you can call -- // Add Settings Sector...
gunslingor
Yeah, I figured that out eventually. I don't get why I have to configure this section AFTER initialization instead of during like many other panels/sections. I think it's because I am using the presets plugin. I think init needs to be simp...
#2967August 24, 2020by gunslingor3 answers
https://github.com/artf/grapesjs/issues/1156 It's actually a browser console warning not an error: "index.js?08a9:70 Plugin grapesjs-style-gradient not found" The only difference I'm seeing in the fiddle demo posted on the above ticket is that your linking externally while I'm linking internally (and I'm using kotlin...
Ju99ernaut
Just to clarify grapick.min.js does exist, just that it is bundled together with grapesjs-style-bg or grapesjs-style-gradient which is why it is not included when you use either of these plugins, however we have to include grapick.min.css...
Ju99ernaut
Try script(src = "/libs/grapesjs/js/grapesjs-style-gradient.min.js") {}, grapick and grapesjs-style-gradient are different projects, also recommend using grapesjs-style-bg instead of grapesjs-style-gradient
gunslingor
I noticed in the demo they use grapick.min.css, and style-bg.min.js in the header, but there is no grapick.min.js (which exists) or style.bg.min.css, which I find very strange; I do see now I was trying to add the plugin and pluginOpts at...
#2966August 23, 2020by juancarlospaco3 answers
I coded a Plugin, works Ok, I read the docs, but is there a way to have the Category collapsed by default?, so user clicks the Plugin to display the plugin Blocks.
Ju99ernaut
is there a way to style the "View Code" button the one with the </> icon?. Target the button with a css selector like .gjs-pn-btn.fa.fa-codein the "View Code" pop-up, is there a way to hide the CSS text editor only leaving the HTML editor?...
Ju99ernaut
You can close all categories with Or you can use a filter
juancarlospaco
Thanks, you can see results here. I ask here to not open more Bugs:is there a way to style the "View Code" button the one with the </> icon?.in the "View Code" pop-up, is there a way to hide the CSS text editor only leaving the HTML editor...
#2965August 22, 2020by gunslingor2 answers
Request that I be allowed to refer to plugins by two conventions: "grapesjs-lory-slider" and "grapesjsLorySlider". I'm using a Kotlin JS DSL and it can't handle the dashes; also typically dashes are reserved for css class names and should be minimized in JS... though I suspect there is a class by that name, it should...
gunslingor
I did find a solution this["grapesjs-lory-slider"], still recommended addition.
artf
Honestly, I don't see any advantage in having 2 conventions. The name with dashes is generated by Webpack UMD bundler (eg. using grapesjs-cli) which is taken from the package.json name. If we'll get more requests from the community and a p...
#2964August 21, 2020by Nikesh-hub1 answer
Traits are not created by default if not requested, indeed I'm doing this in the demo https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1407-L1408 Originally posted by @artf in https://github.com/artf/grapesjs/issues/1627#issuecomment-445216188 Hello artf can you please give here proper example how we can requ...
#2963August 19, 2020by jamejillagit2 answers
Hi, I am trying to load a default template from remote storage into the editor but nothing is displayed. As part of of the initialization I have this code: storageManager: { type: "remote", autosave: true, autoload: true, stepsBeforeSave: 3, urlStore: "https://myendpoint/lib/remotestorageloadtemplate.php", urlLoad: "h...
mcottret
Hi @jamejillagit ! According to how DOM Components are loaded, it seems like GrapesJS will prioritize loading from the gjs-components property over the gjs-html one as long as it is defined & valid (array, object or JSON string). If you ex...
artf
@jamejillagit be sure to have read this https://grapesjs.com/docs/modules/Storage.html If you're loading back the HTML to update the template, you'll face issues
#2962August 19, 2020by SintoDema3 answers
Hi @artf, Version: grapesjs - 0.16.18 ckeditor - standard - 4.14.1 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? While applying the inline formatting options from inline CKeditor options, it should reflect in the selected text. Describe the bug detailed I have integrated the CKedi...
SintoDema
Hi @mcottret, That was a very helpful reply. It fixed the whole issues related to the inline formatting. Thank you.
mcottret
Hi @SintoDema ! The GrapesJS CKEditor plugin already registers CKEditor as a custom RTE, so calling editor.setCustomRte is actually setting it up twice, which I believe causes those problems. Remove the editor.setCustomRte block & it shoul...
SintoDema
Hi @mcottret, I have already tried that earlier & as your suggestion again I have removed that section from my application. Now, there is no formatting options tab. I do not have given any restrictions( ) in CKEditor option, just loaded th...
#2961August 18, 2020by kuhelbeher3 answers
Hello, I'm trying to add custom modal block to my project and I want to change content of this modal also with drag&drop. Here's code of my modal block: The problem with this code is that grapesjs wraps whole content with div wrapper when user drops it on canvas and everything inside this div isn't editable, selectabl...
Ju99ernaut
Maybe use the layers panel or disable the script using a trait as shown on issue #2772
Ju99ernaut
I think the content field is treated as plain text so use the components field instead:
kuhelbeher
@Ju99ernaut thanks for great suggestion. It worked. But now I have different problem - how can I select "Open modal" button for styling or modifying? When I click "Open modal" button it opens modal. Can I somehow prevent firing this event?...
#2960August 17, 2020by jayeshmotwani3 answers
Hello, I am creating a sector for just margin and padding with the code below: And the sector is created with Margin Properties as shown in below screenshot: As you could see, the properties are placed in the same row. I want them to be displayed as 2 properties only in a row. Please refer the below screenshot for mor...
RJCAM
Hi @jayeshmotwani, wich version are you using? I've just copy/paste your code and it seems working as you expect like in your second image, not the first. I've also did it in the demo, works fine, the properties are organized with 2 prop i...
jayeshmotwani
Hello @RJCAM, Thanks for your reply. I am using version 0.16.18
jayeshmotwani
Ahhh! I just realized! It is because I increased the size of the panel!