Hi I want to integrate Grapesjs into my angular application. Suppose I have a custom dropdown component (containing .ts, .html and .scss files) as shown shown below: CustomDropdown.html---------------------------------- <div class="cust-dropwodn-container"> <span>Some header</span> <select ngIf="shouldDropdownBePresen...
Khan-Uzair
Any updates @artf?
artf
No @Khan-Uzair by default GrapesJS doesn't read any framework related components... please read more about GrapesJS components here
Hello! I want to integrate a custom component with GrapesJS, using Angular CLI 7, but it doesn’t render. My component is built on top of another open-source component. When I want to include it in any Angular project, I would just import the dependencies/libraries in the typescript files and the component itself (e.g....
artf
Ok, but what will you do with the output (Angular components) of the editor? I mean, how you will use it at the end? Anyway, I see two different approaches to this kind of situation:Create a custom render for each component (the exact thin...
artf
@adelliinaa let's start from a simple question because I don't understand, what kind of editor are you trying to create? A builder for Angular components?!?
adelliinaa
I want to create a form builder similar to the one which you created with the MJML components, but using Angular CLI instead of JS. And yes, the customed components which I want to integrate within GrapesJS are built in Angular as well.
This is an amazing project! Thanks. Would it be possible to get typings for Typescript? It would make life a lot easier for the project I am working on. Thanks so much!
Rottohawkins
This might take a little bit longer because is not compatible with grapesjs, not even the browser version. Thats why I have to make everything by hand. As a result I am not sure if it will be accepted in [official types repository]. So far...
warent
Would love to see TS declarations as well. TypeScript is becoming fairly standard / essential for production codebases
Sharsie
If someone starts working on this, poke me please, we might be able to give a hand here and there... Would really love to have typings for this project
I have a custom component with a checkbox trait 'show-name'. When the trait value is 'true', the component renders in the view to the attribute show-name="true", whereas the model only has "show-name" and renders to "show-name" via getHtml(). How can I get a checkbox-trait to render to "show-name=true" via getHtml()?...
artf
@mararn1618 can you create a reproducible live demo of this issue, please?
mararn1618
Hi @artf, of course. I have extracted the relevant parts of my project and created a demo along with reproduction steps:Demo: https://www.secretbakery.io/grapesjs/issue1424.htmlList demo files: https://www.secretbakery.io/grapesjs/ Thanks...
mararn1618
I am right now using a workaround for this, so that my AngularJS directive - where this attribute shall be used - recalculates 'show-name' as if we had 'show-name="true"' in the link stage.Workaround AngularJS Directive
Similar to issue #902 but I can't seem to resolve with the steps taken in that discussion. I'm using the latest version of Angular, Webpack, and TypeScript. I'm able to get the editor itself up fine. However, when I try to import grapesjs-preset-newsletter, I'm getting grapesjs is not defined. My imports look like thi...
artf
It's happening just because grapesjs-preset-newsletter uses an old way of loading the plugin, I'll fix it soon
devexcelsior
Im having the same issue, was this ever resolved?
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.