This project is abandoned, but you can use unlayer natively in Angular #119

petertoth-dev · 2024-01-27T03:36:37Z

I just copy-paste here the basic ChatGPT answer. I tested and worked. Of course you need to implement the events etc, but from this point it's easy.

Unlayer docs: https://docs.unlayer.com/docs/getting-started

Angular Component

Add Unlayer Script to Your Angular Project:
Add the Unlayer script to your index.html file within the src directory of your Angular project.

<!-- index.html -->
<html>
  <head>
    <!-- Other meta tags, stylesheets, etc. -->
    <script src="//editor.unlayer.com/embed.js"></script>
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>

Initialize Unlayer in Your Angular Component:
In your Angular component where you want to use Unlayer, initialize it as described in the documentation.

// your-component.component.ts
import { Component } from '@angular/core';

declare var unlayer: any;

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  constructor() {
    // Initialize Unlayer
    unlayer.init({
      id: 'editor-container',
      projectId: 1234, // Your project ID
      displayMode: 'email'
    });
  }
}

Create the Container Element:
In your component's HTML template, create a container element with the specified ID where Unlayer will be rendered.

<!-- your-component.component.html -->
<div id="editor-container"></div>

Use Your Component:
Use your Angular component (app-your-component) in your application where you want to display the Unlayer editor.

<!-- Some other component's template -->
<app-your-component></app-your-component>

The text was updated successfully, but these errors were encountered:

HealMah · 2024-11-04T00:47:46Z

I just copy-paste here the basic ChatGPT answer. I tested and worked. Of course you need to implement the events etc, but from this point it's easy.

Unlayer docs: https://docs.unlayer.com/docs/getting-started

Angular Component

Add Unlayer Script to Your Angular Project: Add the Unlayer script to your index.html file within the src directory of your Angular project.

<html>
  <head>
    
    <script src="//editor.unlayer.com/embed.js"></script>
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>
Initialize Unlayer in Your Angular Component: In your Angular component where you want to use Unlayer, initialize it as described in the documentation.
// your-component.component.ts
import { Component } from '@angular/core';

declare var unlayer: any;

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  constructor() {
    // Initialize Unlayer
    unlayer.init({
      id: 'editor-container',
      projectId: 1234, // Your project ID
      displayMode: 'email'
    });
  }
}
Create the Container Element: In your component's HTML template, create a container element with the specified ID where Unlayer will be rendered.

<div id="editor-container"></div>
Use Your Component: Use your Angular component (app-your-component) in your application where you want to display the Unlayer editor.

<app-your-component></app-your-component>

It's NO ABANDONED

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

This project is abandoned, but you can use unlayer natively in Angular #119

This project is abandoned, but you can use unlayer natively in Angular #119

petertoth-dev commented Jan 27, 2024 •

edited

Loading

HealMah commented Nov 4, 2024

Angular Component

This project is abandoned, but you can use unlayer natively in Angular #119

This project is abandoned, but you can use unlayer natively in Angular #119

Comments

petertoth-dev commented Jan 27, 2024 • edited Loading

Angular Component

HealMah commented Nov 4, 2024

Angular Component

petertoth-dev commented Jan 27, 2024 •

edited

Loading