When I trying to use urlLoad, why keeping telling me 400 bad request. please help
bjccdsrlcr
I change the source code "get" to "post", works.
bjccdsrlcr
@pouyamiralayi solved it. maybe my backend framework add the extra key (jsonrpc, id) cause it. so I change the source code to get the actual gjs-assets, gjs-components, gjs-css, gjs-html, gjs-styles value. then it works
bjccdsrlcr
it seems that front using content-type with json. but didnt pass any value. and my backend frame required value when the content-type is json. where can i pass any param?
My situation: I'm slowly importing some of my custom made UI components in ReactJS to GrapesJS. Now, I am able to render the component properly by integrating it with Backbone. But my question is, can I use <link tags to download my own custom styles, so that I can see them properly within the canvas? I have tried doi...
asieraduriz
Hello @pouyamiralayi Thanks for the quick answer. However, this would seem that won't be sufficient, since what I'm looking for is a way to see my rendered component with the styles that I want, but also, if I export the project, to includ...
artf
Just init the editor with your <link> inside the template, it will be loaded in the canvas and you will be able to see it in your export code
pouyamiralayi
Hi @fasaas you can inject your global styles this way: the same goes for your custom scripts. more on this here cheers!
I can't figure how to add line height to ckeditor. I read the documentation from ckeditor and did all the steps they're providing to add the ckeditor-plugin, but the icon ist not showing in toolbar and I am not even sure if the line-height plugin ist loaded. Can somebody help me or added a plugin to ckeditor within gr...
navewi
Okay Nevermind. I had an character mistake "=" instead of ":" in the config. For everyone with the same problem: To add a ckeditor plugin in grapesjs add the extraPlugins Command in the plugin options in the init function: [....] 'grapesjs...
Hi, I would like to add on the grapejs editor a clickable questionmark we can click so we could give information on what does this specific spec to the user. It would open a modal with all the information that we could give when we add the property to a sector. Like you do in the webpage demo.
artf
Currently, there is no documentation about extending/updating style manager properties (I've just realized few plugins like grapesjs-style-filter and grapesjs-style-gradient but is not enough) and in all honesty, what I've done so far (as...
ColinTenaguillo
Here what i made today with a bit of modifications : It's look i wanted now i juste need to find a way to put in the content i want in the modal
ColinTenaguillo
Hey, how can i publish my branch with my modification for a pull request ? This is PropetyView changes i've done I've also add css for these specific modal based on the css of the modal you use
What we need is to create a page once but translate the text content in multiple languages. Imagine a very simple sample of a single text block saying "Hello" - we don't want to force the users to create another page with that same text block saying the same in different language. Imagine the page must be translated i...
varadero
Closing s duplicate of https://github.com/artf/grapesjs/issues/2342
pouyamiralayi
@varadero i18n module is on the roadmap cheers!
varadero
@pouyamiralayi But isn't that i18n mentioned there just a module that will allow you to translate GrapesJS itself, not the content that the user created ?
We want to achieve the following:Mark our block HTML elements with some classes like:Add some styles that define CSS classes like:Using GrapesJS style manager we want to change the above CSS classes so we can have a "Container background color" setting which can change the "background-color" of the ".my-container" rul...
artf
we want to remove almost everything from the Style Manager You can change what to show in the Style Manager: https://grapesjs.com/docs/getting-started.html#style-manager and it works based on what is selected in the canvasLet's say we will...
amenk
This is very interesting! @varadero Did you succeed with this and maybe have some code to share?
varadero
This is very interesting! @varadero Did you succeed with this and maybe have some code to share? We ended up providing CSS when we initialize grapesjs. The CSS is created elsewhere, not inside grapesjs builder.
Hi, I created a custom component for a toggle button. My problem is that once I drag and drop more than one, and then I edit any of them, all instances are being updated in terms of color, size, etc. I am using the latest version of grapesjs ~~~~ editor.BlockManager.add('toggle', { label: 'Toggle', attributes: { class...
pouyamiralayi
Hi! i guess this is because your blocks posses similar classes and have selectors in common. in the latest version, `avoidInlineStyle` is true by default, so are you experiencing this on the latest version?
artf
The guess by @pouyamiralayi is right, this happens because of the same classes and you have to toggle them in the style manager to make stylable only the component style. BTW I'll try, soon I hope, to provide a more intuitive solution
I am trying to add the toolbar to the layers panel and I am not sure how to go about this. Is there any way to accomplish this? toolbar Where I would like to place them: Thank you for your response guys!
artf
At the moment, there is no easy way to change/customize navigator items content. What we could add next is a new callback option in configs that would be executed inside ItemView template and would allow any HTML content (similar to custom...
mario-digital
@pouyamiralayi This is what i mean
artf
Actually, it should be possible now to use the layerManager.onRender callback option
Hi, since we wanna export the generated HTML and CSS and integrate it in a separate website its very probable to have CSS classes with same name and could lead to UI problems. We're thinking in renaming them after export and add a prefix on each class but don't know how to achive this or if it's a good thing. Has anyo...
devmohitagarwal
HI @iColdoCatalin , We faced the same issue and overcame this by sandboxing the css.To do so, I used sass.js (https://github.com/medialize/sass.js/) Steps: enclose the cssString with your custom class. say MyCustomClass.Run sass.compile fr...
artf
Thanks for the suggestion @devmohitagarwal not bad as the approach. In any case, I'd prefer moving all the discussion about namespacing CSS in export here so I'd close this issue
CatalinCernea
HI @iColdoCatalin ,We faced the same issue and overcame this by sandboxing the css.To do so, I used sass.js (https://github.com/medialize/sass.js/)Steps:enclose the cssString with your custom class. say MyCustomClass.Run sass.compile from...
Hi, I am trying to create a custom StyleManager property with 'integer' type. My ultimate goal is to 're-define' how certain units are displayed. For example, the user use unit 'X' and then the actual value would be different in pixels.(One of the reasons is the new dragmode since it is using pixels, so I want to keep...
MartinPutz
You were right, it works now. Thanks a lot. Great project!
artf
Actually, the integer property has a wrong implementation of init (I'll fix it in the next release). For now, update your init method with the code below and try if it works