diff --git a/docs/installation/integrations/angular.md b/docs/installation/integrations/angular.md index 0cda0dbfccc..ab312894bdd 100644 --- a/docs/installation/integrations/angular.md +++ b/docs/installation/integrations/angular.md @@ -300,13 +300,16 @@ export class AppComponent { The easiest way to integrate {@link features/collaboration collaboration plugins} in an Angular application is to create a custom build first and then import it from the Angular application — see [Using a custom CKEditor 5 build](#using-a-custom-ckeditor-5-build). -For such a scenario we provide a few ready-to-use integrations featuring collaborative editing in Angular applications: - -- [CKEditor 5 with real-time collaboration features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-for-angular) + + For such a scenario we provide a few **ready-to-use integrations** featuring collaborative editing in Angular applications: -- [CKEditor 5 with the track changes feature](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/track-changes-for-angular) + * [CKEditor 5 with real-time collaboration features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-for-angular) + * [CKEditor 5 with real-time collaboration and revision history features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-revision-history-for-angular) + * [CKEditor 5 with the revision history feature](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/revision-history-for-angular) + * [CKEditor 5 with the track changes feature](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/track-changes-for-angular) -It is not mandatory to build applications on top of the above samples, however, they should help you to get started. + It is not mandatory to build applications on top of the above samples, however, they should help you get started. + ## Integration with `ngModel` diff --git a/docs/installation/integrations/react.md b/docs/installation/integrations/react.md index 964f13f68f5..bdad672d3ad 100644 --- a/docs/installation/integrations/react.md +++ b/docs/installation/integrations/react.md @@ -249,12 +249,16 @@ export default App; The easiest way to integrate {@link features/collaboration collaboration plugins} in a React application is to build the editor from source including the collaboration plugins together with the React application. -For such a scenario we provide a few ready-to-use integrations featuring collaborative editing in React applications: + + For such a scenario we provide a few **ready-to-use integrations** featuring collaborative editing in React applications: -* [CKEditor 5 with real-time collaboration features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-for-react) -* [CKEditor 5 with the track changes feature](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/track-changes-for-react) + * [CKEditor 5 with real-time collaboration features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-for-react) + * [CKEditor 5 with real-time collaboration and revision history features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-revision-history-for-react) + * [CKEditor 5 with the revision history feature](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/revision-history-for-react) + * [CKEditor 5 with the track changes feature](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/track-changes-for-react) -It is not mandatory to build applications on top of the above samples, however, they should help you get started. + It is not mandatory to build applications on top of the above samples, however, they should help you get started. + Note: These integrations are meant to be as simple as possible, so they do not use the Create React App CLI. However, you should have no problem starting from `CRA` after reading the sections below. diff --git a/docs/installation/integrations/vuejs-v2.md b/docs/installation/integrations/vuejs-v2.md index d70955d7af8..de9340f8e3a 100644 --- a/docs/installation/integrations/vuejs-v2.md +++ b/docs/installation/integrations/vuejs-v2.md @@ -235,6 +235,18 @@ Finally, import the build in your application: ``` +## Using the editor with collaboration plugins + +The easiest way to integrate {@link features/collaboration collaboration plugins} in a Vue application is to build the editor from source including the collaboration plugins together with the Vue application. + + + For such a scenario we provide a **ready-to-use integration** featuring collaborative editing in a Vue application: + + * [CKEditor 5 with real-time collaboration features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-for-vue) + + It is not mandatory to build applications on top of the above sample, however, it should help you get started. + + ## Using CKEditor from source Integrating the rich text editor from source allows you to use the full power of {@link framework/index CKEditor 5 Framework}. diff --git a/docs/installation/integrations/vuejs-v3.md b/docs/installation/integrations/vuejs-v3.md index 0baad5dee1f..35381445532 100644 --- a/docs/installation/integrations/vuejs-v3.md +++ b/docs/installation/integrations/vuejs-v3.md @@ -238,6 +238,18 @@ Finally, import the build in your application: ``` +## Using the editor with collaboration plugins + +The easiest way to integrate {@link features/collaboration collaboration plugins} in a Vue application is to build the editor from source including the collaboration plugins together with the Vue application. + + + For such a scenario we provide a **ready-to-use integration** featuring collaborative editing in a Vue application: + + * [CKEditor 5 with real-time collaboration features](https://github.com/ckeditor/ckeditor5-collaboration-samples/tree/master/real-time-collaboration-for-vue) + + It is not mandatory to build applications on top of the above sample, however, it should help you get started. + + ## Using CKEditor 5 from source Integrating the rich text editor from source allows you to use the full power of the {@link framework/index CKEditor 5 Framework}. You have two options regarding building your application: Vite or webpack.