Hi, Default styling properties are not being selected when switching devices. Steps to reproduce: Open [http://grapesjs.com/demo.html] Select any block and observe the default values. For example, under General, Position is set to "static". Switch to Mobile. Change the Position to "relative". Switch back to Desktop, o...
MrNikolovski
Any update on this @artf?
MrNikolovski
Hi @artf. Can I get an update on this issue? Do you consider this as a small issue or you didn't have time to work on it? Thank you.
artf
I'm working on the StyleManager improvement at this moment, and probably I will be able to check this soon.
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
codingmachine16
Hi @artf Hi, We are building a CMS using grapesJs. We have created componets for header, footer,products slider, different kind of banners. We have completed almost a Ecommerce site using grapesjS + React Js +NodeJs and Mongdb. We are able...
GJSBlock
Thanks for reporting this, @codingmachine16. Great question about *. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event li...
Hi!@artf,Thanks for your great work! I follow the https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but when i select the value,The script was not executed,Looking forward to some suggestions,thank you so much! `
artf
Seems to work all properly here: https://jsfiddle.net/rp7wa58h/ Anyway, you don't need the view if you don't use it, and the same for isComponent (which is misspelled in your example and placed in the wrong place), data-gjs-type is already...
GJSBlock
Thanks for reporting this, @momu-2016. Thanks for sharing your report about script-props is invalid. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS vers...
I looked everywhere, including the issues section and tried a few things. But really unsure how to load dynamic content in my components always(not just when i export or save it via editor). I want to include a script in my grapejs component that always fetches content from web and updates the components. For example,...
stf1981
I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output.
anuragk15
I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output. So every time the component loads, it will load the data dynamicall...
stf1981
So every time the component loads, it will load the data dynamically via the JS script? YesAlso for the end users i just have to return the html+cas generated by the grapesjs right? Yes, the JS script from the component is in the html, see...
Hi @artf , Hi I have drag and drop video tag and button from blockmanager, On Clicking the button , I need to change the url to src. But not working, Please guide me. editor.BlockManager.add("html/video", { label: <div> <img src="../../../Images/SiteBuilder/video.svg"/> <div class="my-label-block">Video</div> </div>,...
stf1981
I think I have something like that made with a custom component. Maybe it helps
artf
If you need to update only the block content (eg. the change will be applied on new dragged blocks) you can change it in this way: if you need to change Components in the canvas, I'd recommend reading more in detail Components
san-123
,Thanks @artf and stf1981 for your response, Actually I drag and drop multiple videos with generated Random number to Id attribute. In this case How to update src specific selected video? I gets failed to update src.
Hi artf, I have implemented image upload with multiple images and save it to remote database. Same way how to upload single video and save remote db Because everytime we need to put all videos to remote folder then configure it to src for video tag. It taking lot of time Pl guide me to implement it.
GJSBlock
Thanks for reporting this, @san-123. Great question about how to add video upload and save to backend?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific m...
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issue Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md Do a quick SEARCH first, to see if someone else didn't open the same issue All relative statements/questions have to be filled/answered, otherwise,...
san-123
Its duplicate
GJSBlock
Thanks for reporting this, @san-123. The issue with style manager size not setting to image control appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...
Hi @artf, I have added the let cc = editor.CssComposer; cc.setRule('.fadetop-animate', { opacity: 0, 'animation-name': 'fadeTop' }, { atRuleType: 'keyframes', atRuleParams: 'fadeTop', selector: 'to', style:{ opacity: 1 } }); as per the Document [](https://grapesjs.com/docs/api/css_composer.html#setrule) however rule f...
artf
Use this one
GJSBlock
Thanks for reporting this, @niranjank151. Great question about @keyframes not adding even after i pass the the keyframes object. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docu...
GrapesJS code is open to XSS issues because values are inserted into DOM without escaping, e.g. https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L30 If model.getFilename() returns <img src=x onerror=alert(document.cookie)>.jpg, this can result in an account takeover. Instead the code s...
aimeos
@artf What are your plans because the vulnerability of GrapesJS to XSS is a pretty big security problem
artf
Yeah thanks for the report @aimeos I'll fix it in the next version for sure
aimeos
@artf The documentation also uses ${var} to insert variables into templates often. This should also be changed to avoid that developers introduce security issues too without knowing that.
Hi, firstly I want to say that this project is awesome, thank you! I used code from GrapeJS Demo example, and added there save and load data from remote files, this is my storageManager code: savenow.php file code: loadnow.php file code: When I am saving my changes it is working fine, but after that if I am press to R...
lbmir
Same issue like on https://github.com/artf/grapesjs/issues/2963. But in my case it is loading content only after Hard Refresh
artf
Sounds more like an issue from your side, web applications do not distinguish Refresh from Hard Refresh, indeed the Hard Refresh is more like a refresh without the browser local cache. Try to check, from the inspector, if your load call is...
GJSBlock
Thanks for reporting this, @lbmir. Great question about Autoload storage is not working on page refresh. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...