|
|
@@ -72,10 +72,10 @@ export class MyComponent {
|
|
|
Finally, use the `<ckeditor>` tag in the template to run the rich text editor:
|
|
|
|
|
|
```html
|
|
|
-<ckeditor [editor]="Editor" data="<p>Hello world!</p>"></ckeditor>
|
|
|
+<ckeditor [editor]="Editor" data="<p>Hello, world!</p>"></ckeditor>
|
|
|
```
|
|
|
|
|
|
-Rebuild your application and CKEditor 5 should greet you with "Hello world!".
|
|
|
+Rebuild your application and CKEditor 5 should greet you with "Hello, world!".
|
|
|
|
|
|
### Note: Using the Document editor build
|
|
|
|
|
|
@@ -102,7 +102,7 @@ export class MyComponent {
|
|
|
And then, in the template:
|
|
|
|
|
|
```html
|
|
|
-<ckeditor [editor]="Editor" data="<p>Hello world!</p>" (ready)="onReady($event)"></ckeditor>
|
|
|
+<ckeditor [editor]="Editor" data="<p>Hello, world!</p>" (ready)="onReady($event)"></ckeditor>
|
|
|
```
|
|
|
|
|
|
## Integration with `ngModel`
|
|
|
@@ -117,7 +117,7 @@ The component implements the [`ControlValueAccessor`](https://angular.io/api/for
|
|
|
} )
|
|
|
export class MyComponent {
|
|
|
public model = {
|
|
|
- editorData: '<p>Hello world!</p>'
|
|
|
+ editorData: '<p>Hello, world!</p>'
|
|
|
};
|
|
|
...
|
|
|
}
|
|
|
@@ -154,7 +154,7 @@ The {@link module:core/editor/editorconfig~EditorConfig configuration} of the ed
|
|
|
The initial data of the editor. It can be a static value:
|
|
|
|
|
|
```html
|
|
|
-<ckeditor data="<p>Hello world!</p>" ...></ckeditor>
|
|
|
+<ckeditor data="<p>Hello, world!</p>" ...></ckeditor>
|
|
|
```
|
|
|
|
|
|
or a shared parent component's property
|
|
|
@@ -164,7 +164,7 @@ or a shared parent component's property
|
|
|
...
|
|
|
} )
|
|
|
export class MyComponent {
|
|
|
- public editorData = '<p>Hello world!</p>';
|
|
|
+ public editorData = '<p>Hello, world!</p>';
|
|
|
...
|
|
|
}
|
|
|
```
|