CKEditor 5 integrations for JavaScript frameworks (React, Angular 2+, Vue.js, ??)

[Reinmar]

Soon (in May 2018, in fact) we'll be starting to work on integrations for the most popular JS frameworks. Most likely, we'll be working on them one by one and we'll start from React.

We don't know yet any more details, but I wanted to create this ticket so we can start gathering feedback... and so I can link to somewhere from the upcoming blog post ;).

TODO:

• React integration (ticket: React integration #1015) – https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html ✅
• Angular integration (ticket: CKEditor 5 integration for Angular 2+ #1020) – https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html ✅
• Vue.js integration (ticket: Implement the first version of this component ckeditor5-vue#1) – https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html ✅
• What should we work on next? (you can propose a framework in a comment or 👍 an existing comment)

[Reinmar]

Two related tickets (most likely, to be closed when we'll roll out the integrations):

• [Docs] Example integration with React, Angular 1/2+, Vue, Ember #599 – [Docs] Example integration with React, Angular 1/2+, Vue, Ember
• Angular 2 integration - WYSIWYG Editor #FeatureRequest #347 – Angular 2 integration - WYSIWYG Editor #FeatureRequest

[cavemansspa]

Here's a very simple Mithril / CKEditor integration.

Do you have some ideas on what you'd like to see as framework integration points?

[Reinmar]

Thanks for sharing!

In fact, @szymonkups created some time ago a quick integration with React too: https://jsfiddle.net/szymonkups/43hhtk0j/.

[cavemansspa]

Here's a more comprehensive example.

[pomek]

The first version of React integration has just been published.

Now using npm install @ckeditor/ckeditor5-react will install the package in version 1.0.0-beta.1.

The feedback is welcome.

[ma2ciek]

The first version of Angular integration has just been published too 🎉

Similarly to the React one, run npm install @ckeditor/ckeditor5-angular to install the 1.0.0-beta.1 version.

[mmonirul]

Is there any vue typescript integration?

[ma2ciek]

There's no vue integration at this moment.

If you know well this library you can create an implementation of the integration and share it in the #599 thread. I've found a little bit outdated one there - #599 (comment) - the changesDone event must be replaced with change:data and after that change, the code should work.