GrapesJS Issues

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

3464 issues found

#2719April 17, 2020by ajumell3 answers
0 reactions

[QUESTION] How can I mark a class name as protected or private in a component.

Hi team, First let me thank you all for creating this wonderful library. You guys are awesome. I want to disable editing a specific class name in a component. like row and col. How can i do it. I saw private and protected option in selector_manager code. But I am not sure how to implement it. Can you guys please help...

pouyamiralayi

Hi @ajumell checkout #1979 comment Cheers!

ajumell

Hi @ajumell checkout #1979 commentCheers! Thanks for the response. I have a doubt, this is generalised right, Do we have an option per component.

artf

@ajumell you can check the name of your selector before making it private

#2718April 17, 2020by Lerdouille3 answers
0 reactions

[QUESTION] Can't use i18n

Hi again @artf , you close my previous ticket but i don't succeed to reopen it i saw the documentation and the part reguarding i18n but i didn't succed to use it. In your documentation, you use some import function, basically my code is pretty simpler and without import, like this : <html> <body> <link...

pouyamiralayi

@Lerdouille your issue is not related to grapesjs, you have to reference your locale objects somehow which i suggest using global variables for them, and to import them, is basically a matter of including their related scripts inside your...

artf

Current code of locale files are optimized only for importing them via import, if you want to improve that PR are welcomeyou close my previous ticket but i don't succeed to reopen it There is no need to keep questions open if there is a ne...

Lerdouille

Thank you for your answers. I do succeed to display the good translation by tweaking the grapes.js. To do that, i had to copy/paste the part **/ "./src/i18n/locale/en.js": /!******************************!\ ! ./src/i18n/locale/en.js ! \***...

#2717April 16, 2020by tranthanhhoa1 answer
0 reactions

[BUG] - Trigger "change:script"

Version: 0.16.40 Bug: Error: Cannot read property 'style' of null https://prnt.sc/s0bqer How to reproduce it: Goto https://grapedrop.com Drag a Typed component and observe into canvas Expect:No error

artf

Related to https://github.com/artf/grapesjs/issues/2656#issuecomment-610333308. Should be fixed in the next release

#2716April 16, 2020by Sameedkhan253 answers
5 reactions

issue in adding custom font in grapejs

@artf i have followed the method below and successfully added the font in list but not all of the fonts are showing correct behavior, I want to add Avenir font in the system , When i added them it is not changing the font to Avenir but giving it some default value editor.on('load', function () { styleManager = editor....

artf

Just do this and you should never doing this styleManager.render()

Sameedkhan25

Just do this and you should never doing this styleManager.render() @artf thanku so much for this i have replaced my code with this i have successfully listed the fonts in the editor as show in the screenshot, but i want to add external CSS...

artf

is it the right method to import external css that i want to preload in the editor?? Yeah, you're doing it right, you should see it. Check your font is loading correctly (wrong path, browser compatibility with .otf, etc.)

#2713April 15, 2020by Lerdouille2 answers
0 reactions

[QUESTION] Issue with i18n

Hi, first of all thank you for this awesome plugin. Sorry for the request, but i spent a few hours to look for the answer on this github page and other documentations but i can't find the good solution to use i18n on this plugin... and translate the editor in french for example... I see in the src folder the locale di...

artf

@Lerdouille it's all explained here https://grapesjs.com/docs/modules/I18n.html

Lerdouille

Hi @artf , i saw the documentation and the part reguarding i18n but i didn't succed to use it. In your documentation, you use some import function, basically my code is pretty simpler and without import, like this : <html> <...

#2712April 15, 2020by ahmeds633 answers
2 reactions

No flex option in the side panel

I am using grapesjs plugins to build the side panel options and different elements. I am looking for this flex section in the side panel but there is none. Is there any option that I need to enable for this any of the following plugins that I am using? gjs-preset-webpage, grapesjs-lory-slider, grapesjs-tabs, grapesjs-...

Ju99ernaut

The gjs-preset-webpage plugin by default has no flex section so you have to write your own customStyleManger

ajumell

Change the styles/index.js with the content given below. Also update the styles as required export default (editor, config) => { const sm = editor.StyleManager; const csm = config.customStyleManager; const oConfig = [ { name: 'General', bu...

gunslingor

sm.getSectors().reset(csm) Is what fixed it for me, I assume oConfig would work too. I don't understand why this is necessary... or more specifically, why the demo gets away with NOT doing it (unless I'm missing it). I certainly seem to be...

#2711April 14, 2020by mydeenferozkhans1 answer
1 reactions

Disable focus of panel view container on selected element in editor

Hi i am using grapejs for our project and my editor design is below. My question is how to stop autofocus panel views container. it only show when i click the panel buttons. It always open when we drop a element to canvas or click a element in canvas.

Ju99ernaut

When you select a component in the canvas When you start dragging a block onto the canvas

#2710April 13, 2020by kuhelbeher3 answers
2 reactions

[QUESTION] Unsplash images in asset manager modal

Hello, I want to add a support for unsplash API when user opens AsssetManager modal with search input (similar to Grapedrop) Is there an easy way to do it?

pouyamiralayi

@kuhelbeher you can use the `assets` option, more on this here Cheers!

obiweb

Can somebody explain step by step how to integrate Unsplash API inside GrapesJS? I„m not quiet a programmer but still understand. Thank you!

jmlcs

Hello, I want to add a support for unsplash API when user opens AsssetManager modal with search input (similar to Grapedrop) Is there an easy way to do it? Did you make it? could you share? @artf