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

Online Builder builds broken version #16308

Open
dark0ni opened this issue May 6, 2024 · 0 comments
Open

Online Builder builds broken version #16308

dark0ni opened this issue May 6, 2024 · 0 comments
Labels
type:bug This issue reports a buggy (incorrect) behavior.

Comments

@dark0ni
Copy link

dark0ni commented May 6, 2024

📝 Provide detailed reproduction steps (if any)

  1. Go to the CkEditor 5 Online Builder
  2. Build with following plugins and classic editor

CKEditor-5-Online-Builder-Create-your-own-editor-in-5-steps
or use my package
ckeditor5-41.3.1-uou4927p1ud5.zip

  1. Copy files to /ckeditor-custom besides src and node-modules of angular project
  2. Use it in angular
    "dependencies": {
        "@angular/animations": "16.2.12",
        "@angular/cdk": "16.2.14",
        "@angular/common": "16.2.12",
        "@angular/compiler": "16.2.12",
        "@angular/core": "16.2.12",
        "@angular/forms": "16.2.12",
        "@angular/localize": "16.2.12",
        "@angular/material": "16.2.14",
        "@angular/material-luxon-adapter": "16.2.14",
        "@angular/platform-browser": "16.2.12",
        "@angular/platform-browser-dynamic": "16.2.12",
        "@angular/router": "16.2.12",
        "@ckeditor/ckeditor5-angular": "^7.0.1",
        "@ckeditor/ckeditor5-core": "^41.3.1",
        "@ckeditor/ckeditor5-engine": "^41.3.1",
        "@ckeditor/ckeditor5-utils": "^41.3.1",
        "@ckeditor/ckeditor5-watchdog": "^41.3.1",
        "@ng-bootstrap/ng-bootstrap": "15.1.2",
        "@ngx-translate/core": "15.0.0",
        "@ngx-translate/http-loader": "8.0.0",
        "@popperjs/core": "2.11.8",
        "@types/luxon": "3.3.5",
        "bootstrap": "5.3.3",
        "ckeditor5-custom-build": "./ckeditor-custom",
        "event-source-polyfill": "1.0.31",
        "fast-deep-equal": "3.1.3",
        "fs-extra": "11.2.0",
        "git-describe": "4.1.1",
        "jspdf": "2.5.1",
        "jspdf-autotable": "3.6.0",
        "luxon": "3.4.4",
        "ngx-color-picker": "16.0.0",
        "ngx-cookie-service": "16.1.0",
        "ngx-extended-pdf-viewer": "18.1.14",
        "ngx-json-viewer": "3.2.1",
        "ngx-material-timepicker": "13.1.1",
        "ngx-toastr": "17.0.2",
        "rxjs": "7.8.1",
        "tslib": "2.6.2",
        "web-animations-js": "2.3.2",
        "zone.js": "0.14.4"
....

✔️ Expected result

That the ckeditor works in the angular project by following the tutorial: https://ckeditor.com/docs/ckeditor5/latest/installation/integrations/angular.html#integrating-a-build-from-the-online-builder

❌ Actual result

Ckeditor is not loading correctly and dont show the editor. In the console there are no errors and the component shows in the DOM but empty

image

When i use a more simpler version in the online builder with the minimal setup everything loads correctly. my assumption is that one plugin makes problem with angular.

EDIT:
Found the problem, it is the watchdog plugin that makes problems.

📃 Other details

  • Browser: Brave v1.65.126
  • OS: Windows 11
  • First affected CKEditor version: 41.3.1
  • Installed CKEditor plugins:
    "@ckeditor/ckeditor5-alignment": "41.3.1",
    "@ckeditor/ckeditor5-autoformat": "41.3.1",
    "@ckeditor/ckeditor5-basic-styles": "41.3.1",
    "@ckeditor/ckeditor5-block-quote": "41.3.1",
    "@ckeditor/ckeditor5-editor-classic": "41.3.1",
    "@ckeditor/ckeditor5-essentials": "41.3.1",
    "@ckeditor/ckeditor5-font": "41.3.1",
    "@ckeditor/ckeditor5-heading": "41.3.1",
    "@ckeditor/ckeditor5-html-support": "41.3.1",
    "@ckeditor/ckeditor5-image": "41.3.1",
    "@ckeditor/ckeditor5-indent": "41.3.1",
    "@ckeditor/ckeditor5-link": "41.3.1",
    "@ckeditor/ckeditor5-list": "41.3.1",
    "@ckeditor/ckeditor5-media-embed": "41.3.1",
    "@ckeditor/ckeditor5-paragraph": "41.3.1",
    "@ckeditor/ckeditor5-paste-from-office": "41.3.1",
    "@ckeditor/ckeditor5-remove-format": "41.3.1",
    "@ckeditor/ckeditor5-select-all": "41.3.1",
    "@ckeditor/ckeditor5-special-characters": "41.3.1",
    "@ckeditor/ckeditor5-table": "41.3.1",
    "@ckeditor/ckeditor5-typing": "41.3.1",
    "@ckeditor/ckeditor5-undo": "41.3.1",
    "@ckeditor/ckeditor5-watchdog": "41.3.1"

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

@dark0ni dark0ni added the type:bug This issue reports a buggy (incorrect) behavior. label May 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type:bug This issue reports a buggy (incorrect) behavior.
Projects
None yet
Development

No branches or pull requests

1 participant