Is it possible to make the content of a component completely editable? I want to make a custom anchor with a trait of the href, and then the user can style the anchor accordingly as I'm planning to make it styled as a button. Basically I want to let the user style 'Click Me' as they would style any text. I made a fidd...
adamwpe
Worked it out: Just had to make the type a link, and then include a text component. E.g.
Hello, not sure exactly where this should go, but here goes. I'm creating a builder for making long menus for restaurants that will be printed. My question is, does anyone have any in the wild examples of making a page-size bounding box for each page of a "menu"? lets say i have 150 types of beer. i'd like to make eac...
Ju99ernaut
You can make use of css properties break-before or break-after. You can maybe create a page break block that you add manually after every page, check out grapesjs-plugin-page-break, or you can break before or after a certain element.Always...
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
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 ! \***...
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> <...
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
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
[QUESTION] Hello there, I have a question regarding to the installation of GrapesJS. I'm hosting a vServer with full root control, but it doesn't have a graphics output / Teamviewer didn't work since I tried. Is GrapesJS a browser based editor/sandbox or is it run on the desktop of the machine? This means, can you edi...
jorisros
Browser. As you can see here https://grapesjs.com/demo.html It is a front-end library which can be implemented inside a CMS. See issue #1798 for implementations.
Hi All, I made a custom block manager element, but when the element is edited, it applies the style to the class, which means all the same elements are also impacted. If I set an inline style to the element, it then applies the style to the custom class / ID. Without in line style: Code: With inline style: Code: Is it...
adamwpe
@pouyamiralayi My bad - worked it out, I had some old 'CssComposer.setRule' still hanging about!!!!!! (since I had debug enabled on my development pc) That was appending the .row class. (That is embarrassing) Thanks for the point in the ri...
pouyamiralayi
Hi @adamwpe here are the approaches which block unwanted selectors: #1979 comment and #404 comment Cheers!
pouyamiralayi
@adamwpe can you confirm that by deactivating row selector: ` active:false in the add:selector` event, you are still receiving the selector?
When I add an image attribute to the page I noticed that inside of the component the image has attributes to it. When I call my images into the asset manager I do it like the following: However, the height and width aren't available when the image gets added to the canvas. I've tried to get the sizes by doing: compone...
artf
@awaredigital probably the best solution would be to follow the suggestion to listen up to src changes, then find the right asset and update attributes accordingly
pouyamiralayi
Hi @awaredigital checkout #2696 comment which is updating the styles whenever the `src` changes. Cheers!
andy-aware
Hi @pouyamiralayi, thanks for the answer but that isn't what I'm looking to do. I'm looking to add height and width to the image element itself. So for example at the moment, the image goes in like this: <img src="http://placehold.it/350x2...