Skip to content

Commit 080c4b6

Browse files
committed
Fix syntax
1 parent cf797bf commit 080c4b6

File tree

3 files changed

+11
-10
lines changed

3 files changed

+11
-10
lines changed

modules/ROOT/pages/angular-pm-bundle.adoc

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
:productSource: package-manager
66
:packageName: @tinymce/tinymce-angular
77

8-
This guide shows how to integrate the NPM version of {productname} in an Angular application using a module bundler Vite.
8+
This guide shows how to integrate the NPM version of {productname} in an Angular application using a module bundler such as Vite.
99

1010
For examples of the {productname} Angular integration, visit https://tinymce.github.io/tinymce-angular/[the tinymce-angular storybook].
1111

@@ -21,18 +21,21 @@ This procedure requires https://nodejs.org/[Node.js (and NPM)].
2121
----
2222
npm install -g @angular/cli
2323
----
24+
2425
. Create a new Angular project named `+tinymce-angular-demo+`.
2526
+
2627
[source,sh]
2728
----
2829
ng new --defaults --skip-git tinymce-angular-demo
2930
----
31+
3032
. Go to the newly project directory and install `+tinymce+` and `+@tinymce/tinymce-angular+`.
3133
+
3234
[source,sh]
3335
----
3436
cd tinymce-angular-demo && npm install tinymce @tinymce/tinymce-angular
3537
----
38+
3639
+
3740
. Create `+src/app/editor.component.ts+`
3841
+
@@ -89,6 +92,7 @@ export class MyEditorComponent {
8992
}
9093
----
9194
+
95+
9296
. Open `+src/app/app.component.ts+` and update it to use `MyEditorComponent`:
9397
+
9498
[source,ts]
@@ -107,14 +111,14 @@ import { MyEditorComponent } from './editor.component';
107111
})
108112
export class AppComponent {}
109113
----
114+
110115
+
111116
. Run the Angular development server
112117
+
113118
[source,sh]
114119
----
115120
ng serve
116121
----
117-
+
118122

119123

120124
== Next Steps

modules/ROOT/partials/integrations/angular-load-tinymce-independently.adoc

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11

2+
+
23
. There are two ways to add the {productname} into the application:
34
.. Lazy load {productname} using the provided `TINYMCE_SCRIPT_SRC` dependency provider.
45
* Add {productname} to the `+assets+` configuration in `+angular.json+`. This will make {productname} available as a static asset to the application.
@@ -13,7 +14,6 @@
1314
}
1415
]
1516
----
16-
+
1717
1818
* Update the component's dependency providers.
1919
+
@@ -30,7 +30,6 @@ import { EditorComponent, TINYMCE_SCRIPT_SRC } from '@tinymce/tinymce-angular';
3030
]
3131
})
3232
----
33-
+
3433
3534
.. Load {productname} into the application's runtime global scope.
3635
* Open `+angular.json+` and add {productname} to the _global scripts_ tag.
@@ -54,5 +53,4 @@ export class AppComponent {
5453
suffix: '.min' // Suffix to use when loading resources
5554
};
5655
}
57-
----
58-
+
56+
----

modules/ROOT/partials/integrations/angular-quick-start.adoc

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ This procedure requires https://nodejs.org/[Node.js (and NPM)].
1010

1111
== Procedure
1212

13+
--
1314
. From a terminal or command prompt, install the link:https://angular.dev/tools/cli[Angular CLI Tool] globally.
1415
+
1516
[source,sh]
@@ -107,12 +108,11 @@ export class AppComponent {
107108
};
108109
}
109110
----
110-
+
111+
111112
endif::[]
112113
ifeval::["{productSource}" == "package-manager"]
113114
include::partial$integrations/angular-load-tinymce-independently.adoc[]
114115
endif::[]
115-
116116
. Run the Angular a development server
117117
+
118118
[source,sh]
@@ -121,12 +121,12 @@ ng serve
121121
----
122122
+
123123

124+
124125
ifeval::["{productSource}" == "package-manager"]
125126
[[angular-modules]]
126127
== Angular Modules
127128
`+EditorModule+` is available to import from `+@tinymce/tinymce-angular+`. Which should be included in your `+my.module.ts+` file.
128129

129-
130130
[source,ts]
131131
----
132132
import { NgModule } from '@angular/core';
@@ -141,7 +141,6 @@ import { EditorModule } from '@tinymce/tinymce-angular';
141141
})
142142
export class MyModule {}
143143
----
144-
145144
endif::[]
146145

147146

0 commit comments

Comments
 (0)