Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.
3464 issues found
Hello, I have been using your tool for a while and I decided to upgrade to a newer version(from v0.12.37 to v0.16.3 + gjs-preset-newsletter). I have the styles stored inline, I know it is not desirable, but since we use the tool for authoring emails, it is still a safer option. Is there a way to load inline styles on...
artf
I'd suggest using this option
Hello, I am using Montserrat google font. Ater trying so many things, finally I was able to set the font using following way: .gjs-pn-buttons > span{ font-family: "Montserrat", sans-serif; } But when I do this, the font is changed but the font-awesome icons are not working. Please refer the following screenshot for mo...
mcottret
Hi @jayeshmotwani ! Font Awesome relies on the font-family attribute for its icons, & since your selector also targets these icons in addition to the text, Font Awesome's font-family gets overridden by yours, which breaks its icons. I'd re...
jayeshmotwani
@mcottret Thanks for your reply. I fixed this by adding the label text inside a tag and given my custom font to that particular tag only, instead of entire <span> of button. Cheers!
I have created a added a component to the "view". I want to show this component only in view (and not add to model/html thus added to the view). I would like to pass any "class" assignments or changes to this component. For this, I need to listen to a event for any class assignments. Is this possible?
megarg
I figured it out -- using "update" local hook updated(property: any, value: any, prevValue: any) { for (let i = 0; i < value.models.length; i++) { log.debug('$$$$ :', value.models[i].attributes.name); } }, I am using " value.models[i].attr...
Hi, First I need to thank you for creating this amazing editor. I want to contribute for the documentation of the block manager part. When I'm digging through the documentation I found out the block manager remove example is missing from the documentation. I have updated the documentation and create a pull request.
GoodPHP
Hi, If you didn't find answer here, you can contact with Devfuture Team: https://devfuture.pro/contact/ We specialise on GrapesJS.
Hi everyone! I'm using grapesjs with vuejs and I'm struggling with CORS. I created my fake endpoint with beeceptor and I have the code below for editor: It works just fine if I do normal request like post(url, params).then()... but gives out CORS error when I use this.editor.store(). I noticed that grapesjs includes X...
Zero-Zheng
Hi: My solution is: Grapes JS settings storageManager: { type: 'local', autosave: true, stepsBeforeSave: 1, autoload: true, } Request API to get data and save localStorage.setItem ('gjs-html', res.data.html ) localStorage.setItem ('gjs-com...
tranle13
@Zero-Zheng thanks for the solution! I have to work with remote so is there any way to make remote work with fake endpoint? x( Or is it impossible?
artf
It's up to the endpoint provider to decide if the cross-request is a valid one, GrapesJS (or any client library) has nothing to do with that. Here you can read more about how CORS works https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
Version: 0.16.18 Bug: Select the initial background color is not working How to reproduce it: https://imgur.com/xqkt46E Actually:Component's background does not changes. Expected:Component's background should change to #000000 Thanks @artf !
mcottret
Hi @tranthanhhoa & @RJCAM, The bug indeed only appears when specifically selecting a background color value of #000000. Tracking it down, it is due to the background-color property's default value of 'none' being set as '' by the color inp...
RJCAM
@tranthanhhoa I'm not able to reproduce this bug in the demo (same as you), it's working fine here, check this: What did you do before?
tranthanhhoa
background-color property's default value to transparent worked for me. Thank you so much @mcottret !
I have embedded Grapesjs in my project, however tried to use link component but how do I test whether that link is redirecting me to the specified url?
artf
Links are disabled intentionally, the proper way is to use an external preview otherwise you might redirect the user out of the editor
hi @artf I want to implement dynamic link jump in grapes JS, but I can't find an effective method. Can you help me?
artf
If for "hyperlink jump" you mean the anchor link, in that case, you have to append #IDELEMENT to the link, where IDELEMENT is the id of the element you want to point
hi @artf its a awesome tool easy to use congratulations to u. i want to change the icons of headers like blocks icon, layer manager icon to text just like e.g "Layers", "Blocks", "Style" etc how can i archive this please let me know. Thanks.
SahilParmar123
solved using this pnm.getButton('views', 'open-sm').set({ label: '<svg>...</svg>' });
I am using GrapesJs to define Freemarker FTL templates. I am seeking an issue when my custom component HTML has been changed after inserted into canvas or imported through Import template component using newsletter plugin. So my original HTML content looks like: into which corrupts my template. Is there a way to bypas...
tomazkramberger
@tomazkramberger did you find a solution to this problem? @ShenolHusein Yes, i did. Here is the link to solution https://stackoverflow.com/questions/63475404/html-editor-removes-freemarker-tags-inside-table-tag
ShenolHusein
@tomazkramberger did you find a solution to this problem?