GrapesJS Issues

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

3464 issues found

#1387August 27, 2018by YashPrince2 answers
0 reactions

Include all the google fonts?

@artf I want to include all the google fonts in font family. How can we include/import all the font family, Any help would be appreciated.

artf

You can init the editor with custom style/scripts if you need or you can add them dynamicly like this

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.

#1386August 27, 2018by mariselvanm2 answers
1 reactions

Is there any "Resize event" for components?

I want to read the resize event when an element is triggered for resizing. My current Code looks like this, editor.on("component:resize", function(model) { console.log('model',model); }); But, It is not working . Is there any option to do this?

arthuralmeidap

Since the resize is just changing the value for width and/or height I haven't tried but I think you could try with the event styleManager:change:{propertyName} Take a look here for available events: https://grapesjs.com/docs/api/editor.htm...

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.

#1385August 27, 2018by ionic6663 answers
0 reactions

about the use of setAttributes

hi,I saved an object in the custom property。 And I want to implement putting values into custom properties。 but It will cover the previous one

arthuralmeidap

so, in the second case do you want to update the same data-info attribute with a new key, right? since data-info has a string as a type value, first you need to get it and parse to an object. const dataInfoObject = JSON.parse(this.model.ge...

artf

I thinks he's just looking for addAttributes

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.

#1384August 27, 2018by ahmadcore2 answers
1 reactions

newsletter preset button only view text

hiii, i use latest grapesjs with newsletter preset plugins, but when i drag & drop button control only view text this my code: <script type="text/javascript"> var images = []; var editor = grapesjs.init({ clearOnRender: true, storageManager: { id: 'gjs-nl-', }, assetManager: { assets: images, upload: 0, uploadText: 'N...

artf

Styles of those blocks are defined here, you can copy them or define your own

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.

#1383August 27, 2018by Abhisheknanda13444633 answers
0 reactions

can we change the icon of style manger?

hi @arthuralmeidap i want to override font awesome icons of panel "views" say style manager i want to replace icon with my "svg" icon .Can you please help to sort-out the things this is how i tried but it'll not reflect any changes. Thanks

arthuralmeidap

any luck?

Abhisheknanda1344463

???? @arthuralmeidap i tried to do that many times but still failed.Can you please help me out?

artf

https://github.com/artf/grapesjs/issues/1379#issuecomment-417939769

#1381August 24, 2018by YashPrince2 answers
0 reactions

Custom Embed Video in Video Component

@artf I want to include a custom embed code in Video component so that user can add any iframe containing video. Any help would be appreciated. eg:- <iframe width="640" height="360" src="//player.vimeo.com/video/123456789?autoplay=0&title=0&byline=0&wmode=transparent" frameborder="0" allowfullscreen="" wmode="opaque">...

artf

You can update the video component by adding a new text trait which adds this functionality or you can use https://github.com/artf/grapesjs-custom-code

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.

#1380August 24, 2018by bright-ic2 answers
0 reactions

How can i make elements absolutely positioned on canvas by default when dropped.

Grapejs is what i have been looking for over a long time now. Though by default, all elements are relatively positioned when dropped on the canvas and i don't want that. I want the elements [blocks or components] to be absolutely positioned and can be dragged to any part of the canvas. Your help would be saving me a g...

artf

Hi @bright-ic what you're asking is what we call the Designer mode, it's on our Roadmap but unfortunately not yet implemented :/

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.

#1379August 23, 2018by Abhisheknanda13444633 answers
1 reactions

Question : how to replace style-manager font-awesome icon into svg?

hi @artf i Want to replace an icon of style manager with svg icon . As you can see screenshot attached. I tried dat way.

artf

Yeah put those changes inside your plugin

artf

???... your code is all broken (check the syntax) Probably you want something like this

Abhisheknanda1344463

Please re-open this issue. hi @artf I also tried this way pnm.getButton('views', 'open-sm').set({ label: <svg> width="1024" height="1024" viewBox="0 0 1024 1024" style="margin-left: calc(50% - 0.5em)"><g transform="scale(0.03125 0.03125)">...

#1378August 23, 2018by HakuTheWolfSpirit2 answers
0 reactions

Custom Tabs

Hey, I just wanted to know, whether it is possible to add a new tab to the grapes editor from a plugin. Like the Blocks, Style or Traits do have one.

artf

It's just a styled Panel so you can add/remove buttons

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.

#1376August 23, 2018by ionic6662 answers
0 reactions

about the path of the styles

hi,i want to know the path of the styles. i want to use local css,and the local directory structure is as follows . I tried many times and it didn't work。 Can you tell me the correct way to write it

artf

I don't know exactly how the path is generated for you but you can easily inspect the grapesjs' iframe and check inside which path is used

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.