Angular Setup with Tetrons Editor

1

Install

1Step 1

npm install -g @angular/cli

2Step 2

ng new tetrons-angular

3Step 3

cd tetrons-angular

4Step 4

Choose: Yes for routing and CSS for styling.

2

Add iframe where you want the editor

1<div class="container">
2  <iframe
3  id="tetrons-iframe"
4  src="https://product.tetrons.com/embed"
5  style="width:100%; height:100vh; border:none;"
6  allow="clipboard-read; clipboard-write; microphone; camera"
7  ></iframe>
8</div>
3

Run

1Step 1

ng serve

2Step 2

Go to: http://localhost:4200

Output Preview

Output Preview
Chatbot