ckeditor5 icon indicating copy to clipboard operation
ckeditor5 copied to clipboard

Online Builder builds broken version

Open dark0ni opened this issue 9 months ago • 0 comments

📝 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 avatar May 06 '24 07:05 dark0ni