@tinymce/tinymce-angular 9.1.2-feature.20260921015012001.sha9b0e388 → 9.1.2-feature.20260924220948547.sha190bda7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +26 -29
  2. package/package.json +16 -2
package/README.md CHANGED
@@ -2,41 +2,38 @@
2
2
 
3
3
  ## About
4
4
 
5
- Official Angular component for TinyMCE, the rich text editor. It makes it easy to integrate TinyMCE into your Angular applications, with full support for both zone-based and zoneless change detection.
5
+ Official Angular component for TinyMCE, the rich text editor. It wraps TinyMCE as an Angular `<editor>` component. By default it pulls TinyMCE from the Tiny Cloud CDN unless configured to use a different setup, such as self-hosting the [tinymce NPM package](https://www.npmjs.com/package/tinymce).
6
6
 
7
7
  ## Quickstart
8
8
 
9
9
  ### Cloud CDN
10
10
 
11
- In your Angular project:
12
-
13
11
  1. [Sign up for a Tiny Cloud account](https://www.tiny.cloud/pricing/) to receive a Tiny Cloud API key.
14
- 2. `npm install @tinymce/tinymce-angular`
15
- 3. Include the following code:
16
-
17
- ```js
18
- import { Component } from '@angular/core';
19
- import { EditorComponent } from '@tinymce/tinymce-angular';
20
-
21
- @Component({
22
- selector: 'app-root',
23
- imports: [EditorComponent],
24
- template: `
25
- <h1>TinyMCE Angular demo</h1>
26
- <editor
27
- [init]="init"
28
- apiKey="your-api-key"
29
- />
30
- `
31
- })
32
- export class AppComponent {
33
- init: EditorComponent['init'] = {
34
- plugins: 'lists link image table code help wordcount'
35
- };
36
- }
37
- ```
38
-
39
- 4. Update the `apiKey` option in the editor element to include your Tiny Cloud API key.
12
+ 1. Then in your Angular project:
13
+ 1. `npm install @tinymce/tinymce-angular`
14
+ 1. Include the following code:
15
+ ```js
16
+ import { Component } from '@angular/core';
17
+ import { EditorComponent } from '@tinymce/tinymce-angular';
18
+
19
+ @Component({
20
+ selector: 'app-root',
21
+ imports: [EditorComponent],
22
+ template: `
23
+ <h1>TinyMCE Angular demo</h1>
24
+ <editor
25
+ [init]="init"
26
+ apiKey="your-api-key"
27
+ />
28
+ `
29
+ })
30
+ export class AppComponent {
31
+ init: EditorComponent['init'] = {
32
+ plugins: 'lists link image table code help wordcount'
33
+ };
34
+ }
35
+ ```
36
+ 1. Update the `apiKey` option in the editor element to include your Tiny Cloud API key.
40
37
 
41
38
  For more information: [Using TinyMCE with Angular - Cloud CDN](https://www.tiny.cloud/docs/tinymce/latest/angular-cloud/)
42
39
 
package/package.json CHANGED
@@ -1,11 +1,25 @@
1
1
  {
2
2
  "name": "@tinymce/tinymce-angular",
3
- "description": "Official TinyMCE Angular Component",
4
- "version": "9.1.2-feature.20260921015012001.sha9b0e388",
3
+ "description": "Official Angular component for TinyMCE, the rich text editor.",
4
+ "version": "9.1.2-feature.20260924220948547.sha190bda7",
5
5
  "repository": "https://github.com/tinymce/tinymce-angular.git",
6
6
  "author": "Ephox Corporation DBA Tiny Technologies, Inc.",
7
7
  "license": "MIT",
8
8
  "private": false,
9
+ "keywords": [
10
+ "tinymce",
11
+ "angular",
12
+ "zoneless",
13
+ "angular2",
14
+ "ng",
15
+ "ngx",
16
+ "component",
17
+ "wysiwyg",
18
+ "rich-text-editor",
19
+ "html",
20
+ "contenteditable",
21
+ "editor"
22
+ ],
9
23
  "peerDependencies": {
10
24
  "@angular/core": ">=16.0.0",
11
25
  "@angular/common": ">=16.0.0",