@artf , I have a question that , can we implement custom js in studio? means is there any embed js code functionality ? Originally posted by @MdShadabAhamad in https://github.com/GrapesJS/grapesjs/discussions/6080#discussioncomment-10449335
artf
@MdShadabAhamad please avoid opening issues from discussion, thanks
icoco
looks no studio source code , where you can find the studio?
GJS Helper
Yes, GrapesJS provides robust functionality to implement and embed custom JavaScript code within your web pages, both for dynamic content on the canvas and for the final exported output. There are several methods to achieve this, depending...
The codebase currently relies on outdated dependencies. This ticket aims to: Update all existing dependencies to their latest stable versions. Set up Dependabot to automatically check for and update dependencies in the future. Keeping dependencies up to date will improve security, performance, and compatibility with o...
GJS Helper
Keeping project dependencies up-to-date is crucial for security, performance, and compatibility. For a GrapesJS project, which typically uses Node.js and npm/yarn, this involves a two-pronged approach: initial manual updates and then autom...
The codebase currently uses outdated versions of TypeScript. This ticket aims to: Upgrade to the latest version of TypeScript. Ensure consistent TypeScript configurations across all projects. Integrate TypeScript into the development and CI pipelines for automated type checking. Updating and standardizing TypeScript w...
GJS Helper
Upgrading and standardizing TypeScript across the GrapesJS codebase is a crucial step towards improving maintainability, catching errors early, and enhancing developer experience. This solution outlines the steps to achieve this, focusing...
The current codebase relies on commit hooks to enforce certain rules and checks. This ticket aims to: Remove existing commit hooks. Configure CI runners to perform these checks and report issues on the development branch or pull requests. Shifting these responsibilities to the CI runners will streamline the developmen...
The request to remove client-side commit hooks and shift their responsibilities to CI runners is a sound strategy for improving development workflow consistency and reliability. While this is a general software development practice and not...
The codebase currently uses outdated linting tools and formatting libraries. This ticket aims to: Upgrade to the latest versions of linting tools and formatting libraries. Ensure consistent linting and formatting rules across all projects. Integrate these tools into the development and CI pipelines for automated enfor...
GJS Helper
Standardizing linting and formatting is crucial for maintaining code quality and a cohesive development environment within the GrapesJS codebase. This initiative will significantly improve developer experience and reduce potential errors....
Across the codebase, we have built and linked dependencies against very old versions of Node.js. See: https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/publish.yml#L15 https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/build.yml#L15 https://github.com/GrapesJS/grapesjs/discussions/5973 https...
The issue correctly identifies that GrapesJS's CI/CD workflows and development recommendations currently rely on older Node.js versions (specifically Node.js 16.x). Updating these to the latest Long Term Support (LTS) version, Node.js 20.x...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Opera 109 Reproducible demo link https://jsfiddle.net/9zmyrhoe/ Describe the bug How to reproduce the bug? Open the jsfiddle above and run What is the expected behavior? The panels not meant to show What is the current beh...
TutorialMan7727
So, the CSS below didn't work. I had to manually change the CSS in the grapes.min.css file. The CSS couldn't override the CSS in grapes.min.css. .gjs-cv-canvas { top: 0; width: 100%; height: 100%; }
GJS Helper
The issue of "empty black panels" appearing in your GrapesJS editor, even when panels.defaults is set to an empty array, stems from how GrapesJS initializes its UI. While setting panels.defaults: [] prevents any buttons or content from bei...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chromeReproducible demo link https://grapesjs.com/demo-newsletter-editor.html https://prnt.sc/SyoEBQMUJbO8Describe the bug How to reproduce the bug? i am making the demo from prapes js newsletter demo and coping the html and...
artf
@nimisha744 issues in this repo are only for the bugs related to the core framework, demos are there only for demonstration purposes of the framework capability.
nimisha744
can you please help me to get this code ? https://prnt.sc/qAb-i9M5c6SF bt this i am getting only html let html = editor.getHtml(); also please give the options for newsletter image and in sidebar i am getting name not icons pls share optio...
GJS Helper
The issue you're encountering, where images appear correctly in the GrapesJS editor but show src="" or fail to load in the sent email, is a very common problem when dealing with HTML email templates. The root cause lies in how email client...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft Edge 125.0.2535.51 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug What is the expected behavior? Editor should render image and mask inside the SVG tag What is the current behavior? The SVG...
artf
Please provide a valid reproducible demo
GJS Helper
The issue you're encountering, where SVG elements using internal url(#id) references (like mask="url(#mask012)" or clip-path="url(#myClip)") do not render correctly in the GrapesJS editor, is a known behavior related to how browsers resolv...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link testDescribe the bug I don't see any way to show icons or shapesCode of Conduct[X] I agree to follow this project's Code of Conduct
artf
Please use the Discussions panel if you have questions.
GJS Helper
GrapesJS, being a highly flexible and unopinionated framework, doesn't include a built-in set of icons or shapes by default. Instead, it provides powerful APIs to integrate any external library or create custom components to achieve this....