@tinymce/tinymce-angular 9.1.2-feature.20260512001705720.sha00df3db → 9.1.2-feature.20260921012752593.sha7d62d2e
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.
- package/README.md +64 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,31 +2,84 @@
|
|
|
2
2
|
|
|
3
3
|
## About
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Official Angular component for [TinyMCE](https://www.npmjs.com/package/tinymce) to make it easy to integrate into your Angular applications
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
* For the TinyMCE Angular Quick Start, see: [TinyMCE Documentation - Angular Integration](https://www.tiny.cloud/docs/tinymce/8/angular-cloud/).
|
|
9
|
-
* For the TinyMCE Angular Technical Reference, see: [TinyMCE Documentation - TinyMCE Angular Technical Reference](https://www.tiny.cloud/docs/tinymce/8/angular-ref/).
|
|
10
|
-
* For our quick demos, check out the TinyMCE Angular [Storybook](https://tinymce.github.io/tinymce-angular/).
|
|
7
|
+
## Quickstart
|
|
11
8
|
|
|
12
|
-
###
|
|
9
|
+
### Cloud CDN
|
|
10
|
+
|
|
11
|
+
In your Angular project:
|
|
12
|
+
|
|
13
|
+
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.
|
|
40
|
+
|
|
41
|
+
For more information: [Using TinyMCE with Angular - Cloud CDN](https://www.tiny.cloud/docs/tinymce/latest/angular-cloud/)
|
|
42
|
+
|
|
43
|
+
### Self hosted via NPM package
|
|
44
|
+
|
|
45
|
+
Using TinyMCE from NPM in an Angular project requires a couple of extra steps. See the documentation for more information: [Using TinyMCE with Angular - Self hosted via NPM](https://www.tiny.cloud/docs/tinymce/latest/angular-pm/)
|
|
46
|
+
|
|
47
|
+
## Detailed documentation
|
|
48
|
+
|
|
49
|
+
* [TinyMCE Angular Technical Reference](https://www.tiny.cloud/docs/tinymce/latest/angular-ref/).
|
|
50
|
+
* [TinyMCE Documentation](https://www.tiny.cloud/docs/tinymce/latest/).
|
|
51
|
+
|
|
52
|
+
## Demos
|
|
53
|
+
|
|
54
|
+
For our quick demos, check out the TinyMCE Angular [Storybook](https://tinymce.github.io/tinymce-angular/).
|
|
55
|
+
|
|
56
|
+
## Version compatibility
|
|
13
57
|
|
|
14
58
|
|Angular version|`tinymce-angular` version|
|
|
15
59
|
|--- |--- |
|
|
16
|
-
|>=16.x
|
|
60
|
+
|>=16.x |8+ |
|
|
17
61
|
|14+ |7.x |
|
|
18
62
|
|13+ |6.x |
|
|
19
63
|
|9+ |4.x |
|
|
20
64
|
|<= 8 |3.x |
|
|
21
65
|
|< 5 | Not supported |
|
|
22
66
|
|
|
23
|
-
### Zoneless Support
|
|
24
|
-
This wrapper supports Angular's zoneless change detection. No additional configuration is needed — the component works with both zone-based and zoneless applications.
|
|
25
67
|
|
|
26
|
-
|
|
68
|
+
## Zoneless Support
|
|
69
|
+
|
|
70
|
+
No additional configuration is needed — the component works with both zone-based and zoneless applications.
|
|
71
|
+
|
|
72
|
+
## Issues
|
|
27
73
|
|
|
28
|
-
Have you found an issue with tinymce-angular or do you have a feature request?
|
|
74
|
+
Have you found an issue with `tinymce-angular` or do you have a feature request?
|
|
29
75
|
Open up an [issue](https://github.com/tinymce/tinymce-angular/issues) and let us know
|
|
30
76
|
or submit a [pull request](https://github.com/tinymce/tinymce-angular/pulls).
|
|
31
77
|
|
|
32
78
|
_Note: for issues concerning TinyMCE please visit the [TinyMCE repository](https://github.com/tinymce/tinymce)._
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
## License
|
|
82
|
+
|
|
83
|
+
`tinymce-angular` is licensed under the MIT License. See the LICENSE.txt file for details.
|
|
84
|
+
|
|
85
|
+
Depending on use case, the TinyMCE core editor can be used under either GPL-2.0-or-later or a commercial license. See the [tinymce package](https://www.npmjs.com/package/tinymce) for details.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tinymce/tinymce-angular",
|
|
3
3
|
"description": "Official TinyMCE Angular Component",
|
|
4
|
-
"version": "9.1.2-feature.
|
|
4
|
+
"version": "9.1.2-feature.20260921012752593.sha7d62d2e",
|
|
5
5
|
"repository": "https://github.com/tinymce/tinymce-angular.git",
|
|
6
6
|
"author": "Ephox Corporation DBA Tiny Technologies, Inc.",
|
|
7
7
|
"license": "MIT",
|