New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Reinmar opened this Issue Apr 24, 2018 · 14 comments

Comments

Projects
None yet
7 participants
@Reinmar
Member

Reinmar commented Apr 24, 2018

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:

@Reinmar Reinmar added this to the next milestone Apr 24, 2018

@Reinmar

This comment has been minimized.

Member

Reinmar commented Apr 24, 2018

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

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

This comment has been minimized.

cavemansspa commented May 2, 2018

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

This comment has been minimized.

Member

Reinmar commented May 4, 2018

Thanks for sharing!

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

@cavemansspa

This comment has been minimized.

cavemansspa commented May 4, 2018

Here's a more comprehensive example.

@pomek

This comment has been minimized.

Member

pomek commented Jul 26, 2018

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

This comment has been minimized.

Member

ma2ciek commented Jul 26, 2018

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

This comment has been minimized.

mmonirul commented Aug 13, 2018

Is there any vue typescript integration?

@ma2ciek

This comment has been minimized.

Member

ma2ciek commented Aug 24, 2018

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.

@Reinmar Reinmar changed the title from CKEditor 5 integrations for React, Angular 2+ and Vue.js to CKEditor 5 integrations for JavaScript frameworks (React, Angular 2+, Vue.js, ??) Sep 20, 2018

@Reinmar

This comment has been minimized.

Member

Reinmar commented Oct 16, 2018

We're starting work on the Vue.js component very soon. You can track the progress in ckeditor/ckeditor5-vue#1.

@tajchumber

This comment has been minimized.

tajchumber commented Oct 30, 2018

how about integrating Elm with CKEditor?

@Reinmar

This comment has been minimized.

Member

Reinmar commented Oct 30, 2018

Interesting. What such integration would need to do? AFAIR Elm is a language which compiles to JS, so I'd guess you can use JS APIs from Elm's level?

@tajchumber

This comment has been minimized.

tajchumber commented Oct 30, 2018

yes it does compile to Javascript.

The way Elm "comunicates" with normal javscript is through the use of Ports.

It would be nice if CKEditor to already have some ports by default ready for use.
For example to get the return value editor.getData() or to create an editor based on an event managed by Elm.

@Reinmar

This comment has been minimized.

Member

Reinmar commented Nov 9, 2018

The first version of Vue.js integration was released on npm: https://www.npmjs.com/package/@ckeditor/ckeditor5-vue 🎉 🎉 🎉

You can find the documentation in https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html

@robclancy

This comment has been minimized.

robclancy commented Nov 22, 2018

Just FYI. We have this working in ember fine, but internally. Waiting on word paste before we can completely replace our current editor. Then will see about releasing publically.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment