-
Notifications
You must be signed in to change notification settings - Fork 111
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
How to use with CKEditor Framework #53
Comments
Hi, @felipegiotto! These docs are on our roadmap. For now, you can use these post, which explains how to integrate Actually, all you want to do is to copy the built editor to the Angular repository and import it from the Angular component that provides the editor, similarly to how it's presented in our docs for the classic build. Eventually, you can try to build the whole editor with its features from source in the angular repository, but it's highly experimental yet and I can't promise that the installation will be smooth that way. Good luck :) |
I'm using a custom DecoupledEditor build as a reference. If I can make it work, I'll add the other needed features later. I'm making an Angular 7 application and following these steps, based on https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html.
Another weird thing is: if I install a custom build (e.g. with Am I doing anything wrong? Thanks for the fast reply!!! |
That suggests me that the typescript transpiler has a problem with our minified code. We've experienced that issue in the past. Could you check if targeting the ES6 in the |
Sorry, but I'm still beginning with Angular/TS! There's no
After, I ran "npm run build" and replaced the files from the "build" folder, but the error is the same. |
Just in case: in the angular app, this is the "tsconfig.json" file (maybe it could mean something):
|
There's also a "tsconfig.app.json" file in the "src" folder:
|
Yes, I meant the |
Sorry, @ma2ciek, but now the angular app doesn't even start! It's a considerably big application, I think that I'll not be able to change this at the moment, this will impact on many other features... Is there any other thing I can try? It's really weird that the code works inside de "node_modules" folder but not inside de "src" folder... This is the error I receive when I try to open my application with "es6" enabled:
|
Hi, @felipegiotto. I tried to reproduce it locally, but I didn't hit this error. I tried with the stable branch and with the master branch of
As I've told you before, the webpack configuration for angular treats differently code in the Could you tell me what browser do you use? And perhaps make a screenshot of the error as it's extremely unreadable? Thanks. |
Could you also tell me which |
@ma2ciek, based on your recommendations, I tried adding the "ckeditor.js" files to the "scripts" section in the "angular.json" file, and it seems to have worked (still need some tweaks). This way, webpack doesn't mess with the CKEditor... We are checking if this is the best approach, but at least it worked! ;-) |
Good that it works somehow... I'll check whether this could be a bug that happens only on the Edge browser. Maybe that's a clue. But Edge console and its errors are super weird. This error stack doesn't help at all. |
Ok, so this won't be a problem with the UglifyJS minifier. So either webpack or Edge. |
Did you check maybe it that error happens also on other browsers? Note that open console on Edge changes the code behavior and it's a known issue for us. |
I'm closing due to the lack of activity. |
Hi! I'm trying to use the ckeditor5-angular component with a custom build made with the CKEditor Framework, since we need some specific plugins. Is there any explanation about how to do this?
Thanks in advance!
Regards,
Felipe.
The text was updated successfully, but these errors were encountered: