I've created custom plugin with trates, but it's not working can you please guide me how it'll work. what's issue in this.
xr0master
You need to init the content field. Probably to overwrite toHTML method. It depends what doesn't work
artf
@kuldeepcis you're not showing how you use the component, provide a live example via jsfiddle please
kuldeepcis
Hi @artf , This is the fiddle for it https://jsfiddle.net/apaoa5o2/14/ In the extra section there is the block for social icon Issues with this are: 1) when you drag and drop it you need to select parent to see the settings section on righ...
can you please let me know how to add custom class in parent div of map iframe. when I try to add custom class in move function of 'grapesjs-preset-webpage.min.js' than it'll show but on page load it'll remove that class. please guide me how to add class. can you please provide un-minified js of grapesjs-preset-webpag...
artf
Create your block with your whatever you want wrapper and inside put the map componentcan you please provide un-minified js of grapesjs-preset-webpage.min.js? You can build it by yourself, check scripts in package.json
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.
It seems I should not ask such question, but I did spend a lot time to search, could not get a good guide on this. I want to create a FB block, it contains a few DIV tags, and a script that load FB sdk, and render the content into the DIV tags. <div id="fb-root"></div> <div class="fb-page" data-href="" data-tabs="time...
artf
Creating a Component (check also how to create them with js) will give you more control (eg. adding your traits), but in your case, if you just need a draggable element you can wrap it inside such a div
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.
I've marked as a bug just because I think this reflects a minor inconsistency; but it could also be understood as a feature request. The scenario is:I'm providing my own methods for uploadFile and handleAdd, which is something that's possible today.I can see that uploadFile has been bound to its parent object, allowin...
artf
Totally agree about the consistency π
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.
Hi . I have a json string like this '{ "assets": "[{\"type\":\"image\",\"src\":\"./img/team1.jpg\",\"unitDim\":\"px\",\"height\":0,\"width\":0}]", "css": "* { box-sizing: border-box; } body {margin: 0;}", "styles": "[]", "html": "", "components": "[]"}'. Now I want to import it.
artf
Honestly, I'd recommend following the flow with the storage manager, but in any way, you could achieve it in this way:
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.
I'm trying to remove a panel. The function returns the panel the first time I run removePanel and then returns undefined if I run it again. It's worth noting that the panel is no longer returned when getting all panels, however it is still visible and functional. In my case I'm trying to remove the device selection bu...
FrciSmrci
Hey @mmeeeooowww , the panels should be removed as discussed in this issue. Have a great day.
mmeeeooowww
Hi, @FrciSmrci I am using css to hide stuff at the moment. Am I misunderstanding the purpose of removePanel or am I using it incorrectly? Thanks!
I am extending the 'text' component by adding a new attribute and a script. When a user types a certain character in the text component, I want the script to change the attribute in the component's model, but I'm not sure how to do that. This is my setup for modifying the text component: I have two problems: the custo...
artf
You can access nested properties like this var customAttribute = '{[ attributes.customAttribute ]}'; inside the script. You should use model's properties: and then in your script var customAttribute = '{[ customProp ]}'; One more thing, yo...
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.
When importing components and initializing grapesjs, the css background-repeat property is being changed to background-repeat-x and background-repeat-y, which breaks on iOS. Import components: This is how it looks before: Mobile Desktop Initialize GrapesJs, select an element, and then get the output code, and it comes...
Coyote6
Thanks. I added this to my storage manager function... I think it patches the problem for the time being... I am not quite awake yet, so please let me know if I messed something up.
artf
Thanks @Coyote6 we're already aware of this issue. This happens due to the browser's CSS parser and I can't do much about until there will be a possibility to attach custom CSS parsers, hope to implement it soon.
artf
From https://github.com/artf/grapesjs/releases/tag/v0.14.33 you can use custom CSS parsers, the first to be released is grapesjs-parser-postcss