Skip to content
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

Closed
Reinmar opened this issue Apr 24, 2018 · 19 comments
Closed
Labels

Comments

@Reinmar
Copy link
Member

@Reinmar 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
Copy link
Member Author

@Reinmar 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
Copy link

@cavemansspa 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
Copy link
Member Author

@Reinmar 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
Copy link

@cavemansspa cavemansspa commented May 4, 2018

Here's a more comprehensive example.

@pomek
Copy link
Member

@pomek 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
Copy link
Member

@ma2ciek 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
Copy link

@mmonirul mmonirul commented Aug 13, 2018

Is there any vue typescript integration?

@ma2ciek
Copy link
Member

@ma2ciek 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 CKEditor 5 integrations for React, Angular 2+ and Vue.js CKEditor 5 integrations for JavaScript frameworks (React, Angular 2+, Vue.js, ??) Sep 20, 2018
@Reinmar
Copy link
Member Author

@Reinmar 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.

@taj
Copy link

@taj taj commented Oct 30, 2018

how about integrating Elm with CKEditor?

@Reinmar
Copy link
Member Author

@Reinmar 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?

@taj
Copy link

@taj taj 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
Copy link
Member Author

@Reinmar 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
Copy link

@robclancy 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.

@sauravraj95

This comment was marked as off-topic.

@Reinmar

This comment was marked as off-topic.

@Reinmar
Copy link
Member Author

@Reinmar Reinmar commented Aug 27, 2019

OK, we've introduced the main 3 integrations and people open separate tickets for othe libs/cmses so we can close this ticket now.

@Reinmar Reinmar closed this Aug 27, 2019
@Reinmar Reinmar removed this from the nice-to-have milestone Aug 27, 2019
@josegetout
Copy link

@josegetout josegetout commented Oct 27, 2020

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.

Hi! I'm struggling to integrate ckeditor5 with Ember, how did you make it? Any tip for this Ember newbie 🙏

@robclancy
Copy link

@robclancy robclancy commented Oct 28, 2020

Published a new version with more details (but still lacking). https://github.com/postedin/ember-ckeditor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
9 participants