|
|
@@ -8,11 +8,11 @@ menu-title: Overview
|
|
|
|
|
|
## Is CKEditor 5 compatible with framework XYZ?
|
|
|
|
|
|
-Yes. CKEditor 5 is compatible with every JavaScript framework that we have heard of so far. CKEditor 5 is a JavaScript component (a pretty complex one but still) and does not require any uncommon techniques or technologies to be used. Threfore, unless the framework that you use has very not typical limitations, CKEditor 5 is compatible with it.
|
|
|
+Yes. CKEditor 5 is compatible with every JavaScript framework that we have heard of so far. CKEditor 5 is a JavaScript rich-text editing component (a pretty complex one but still) and it does not require any uncommon techniques or technologies to be used. Threfore, unless the framework that you use has very not typical limitations, CKEditor 5 is compatible with it.
|
|
|
|
|
|
> How do I use CKEditor 5 with my framework?
|
|
|
|
|
|
-While CKEditor 5 is compatible with your framework and initializing CKEditor 5 requires a single method call, integrating it with your framework may require using an existing or writing a new adapter (integration layer) that will communicate your framework with CKEditor 5.
|
|
|
+While CKEditor 5 is compatible with your framework and initializing it requires a single method call, integrating CKEditor 5 with your framework may require using an existing or writing a new adapter (integration layer) that will communicate your framework with CKEditor 5.
|
|
|
|
|
|
When checking how to integrate CKEditor 5 with your framework you can follow these steps:
|
|
|
|
|
|
@@ -20,11 +20,11 @@ When checking how to integrate CKEditor 5 with your framework you can follow the
|
|
|
|
|
|
There are two official integrations so far: for {@link builds/guides/frameworks/react React} and for {@link builds/guides/frameworks/angular Angular 2+}.
|
|
|
2. **If not, search for community-driven integrations.** Most of them are available on [npm](https://www.npmjs.com/).
|
|
|
-3. **If none exists, integrate CKEditor 5 with your framework yourself.**
|
|
|
+3. **If none exists, integrate CKEditor 5 with your framework by yourself.**
|
|
|
|
|
|
CKEditor 5 offers {@link builds/guides/overview ready-to-use builds} that expose a {@link builds/guides/integration/basic-api rich JavaScript API} which you can use to {@link builds/guides/integration/basic-api#creating-an-editor create editors} and {@link builds/guides/integration/basic-api#interacting-with-the-editor control them}.
|
|
|
|
|
|
-## Official integrations
|
|
|
+## Official rich-text editor integrations
|
|
|
|
|
|
There are two official integrations so far:
|
|
|
|
|
|
@@ -33,20 +33,20 @@ There are two official integrations so far:
|
|
|
|
|
|
Refer to their documentation to learn how to use them.
|
|
|
|
|
|
-We plan to provide more integrations with time. The next in the queue is [Vue.js](https://vuejs.org/) and we would like to [hear your ideas](https://github.com/ckeditor/ckeditor5/issues/1002) what we should work on next.
|
|
|
+We plan to provide more integrations with time. The next in the queue is [Vue.js](https://vuejs.org/) and we would like to [hear your ideas](https://github.com/ckeditor/ckeditor5/issues/1002) what we should work on after that.
|
|
|
|
|
|
## Compatibility with Electron
|
|
|
|
|
|
Starting from version 11.0.0 CKEditor 5 is compatible with Electron. Using CKEditor 5 in Electron applications does not require any additional steps.
|
|
|
|
|
|
-Check out a [sweet screencast of CKEditor 5 with real-time collaboration in Electron](https://twitter.com/ckeditor/status/1016627687568363520).
|
|
|
+Check out a [sweet screencast of CKEditor 5 with real-time collaborative editing in Electron](https://twitter.com/ckeditor/status/1016627687568363520).
|
|
|
|
|
|
## Compatibility with Bootstrap
|
|
|
|
|
|
In order to display CKEditor 5 inside [Bootstrap](https://getbootstrap.com/) modals you need to proceed as follows:
|
|
|
|
|
|
* Configure the `z-index` of CKEditor 5 floating balloons so they are displayed above the Bootstrap overlay.
|
|
|
-* Configure Bootstrap to not steal focus from CKEditor 5 fields.
|
|
|
+* Configure Bootstrap to not steal focus from rich-text editor fields.
|
|
|
|
|
|
The above can be ensured by adding this CSS:
|
|
|
|