---
title: "Using TinyMCE from Tiny Cloud in Angular"
description: "A guide on using TinyMCE from the Tiny Cloud in an Angular project."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/angular-cloud/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/angular-cloud/index.md"
version: "latest"
last_updated: "2026-07-15T23:26:40Z"
tokens: 517
---
# Using TinyMCE from Tiny Cloud in Angular

This guide shows how to integrate TinyMCE from Tiny Cloud into an Angular application using the [TinyMCE Angular component](https://github.com/tinymce/tinymce-angular).

The steps below use standalone components. If using Angular Modules, see [Angular Modules](#angular-modules).

## Prerequisites

This procedure requires [Node.js (and NPM)](https://nodejs.org/).

## Procedure

1. From a terminal or command prompt, install the [Angular CLI Tool](https://angular.dev/tools/cli) globally.

```sh
npm install -g @angular/cli
```
2. Create a new Angular project named `tinymce-angular-demo` using default settings and without Git initialization.

```sh
ng new --defaults --skip-git tinymce-angular-demo
```
3. Navigate into the project directory and install `tinymce-angular`.

```sh
cd tinymce-angular-demo && npm install @tinymce/tinymce-angular
```
4. Update the root component `app.component.ts` to import `EditorComponent` component.

```ts
import { Component } from '@angular/core';
import { EditorComponent } from '@tinymce/tinymce-angular';

@Component({
  selector: 'app-root',
  imports: [EditorComponent],
  template: `
  <h1>TinyMCE 8 Angular Demo</h1>
  <editor
    [init]="init"
    apiKey="no-api-key"
  />
  `
})
export class AppComponent {
  init: EditorComponent['init'] = {
    plugins: 'lists link image table code help wordcount'
  };
}
```
5. Update the `apiKey` with your own [Tiny Cloud API key](/auth/signup/).
6. Run the Angular a development server

```sh
ng serve
```

## Other resources

- For examples of the TinyMCE integration, see: [the tinymce-angular storybook](https://tinymce.github.io/tinymce-angular/).
- For guides on integrating TinyMCE premium plugins, see: [Using premium plugins](../bundling-plugins/#using-premium-plugins).
- For information on customizing:

  - TinyMCE integration, see: [Angular framework Technical Reference](../angular-ref/).
  - TinyMCE, see: [Basic setup](../basic-setup/).
  - The Angular application, see: [the Angular documentation](https://angular.dev/).