deps: update ckeditor to latest version

SampleApp/package.json

@@ -20,8 +20,8 @@
     "@angular/platform-browser": "~18.1.1",
     "@angular/platform-browser-dynamic": "~18.1.1",
     "@angular/router": "~18.1.1",
-    "@ckeditor/ckeditor5-angular": "^8.0.0",
-    "@fiberekonomi/ckeditor": "^1.3.0-beta8",
+    "@ckeditor/ckeditor5-angular": "^9.1.0",
+    "@fiberekonomi/ckeditor": "^1.3.0-beta14",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "~0.14.8"

SampleApp/src/app/app.component.html

@@ -3,4 +3,8 @@
 <br /><br />
 <ckeditor #editor [editor]="Editor" [config]="config" [data]="initialData" (ready)="onReady($event)"></ckeditor>
 
+
+<p>Output data</p>
+<div id="outputData"></div>
+
 <router-outlet></router-outlet>

SampleApp/src/app/app.component.ts

@@ -28,6 +28,7 @@ export class AppComponent {
 // public initialData = '<p>hej<br />';
 
   public config = {
+	licenseKey: 'GPL',
     toolbar: {
         items: [
 			'heading',
@@ -65,6 +66,12 @@ export class AppComponent {
         ],
       shouldNotGroupWhenFull: true,
 	  language: 'en'
+    },
+	autoEmbed: {
+		widget: 'mediaEmbed'
+	},	
+	mediaEmbed: {
+        previewsInData: true
     },
     fontFamily: {
       options: [
@@ -92,6 +99,8 @@ export class AppComponent {
   getData() {
     var content = this.myEditor.editorInstance.getData();
     console.log('editor content: ' + content);
+
+	document.getElementById('outputData').innerHTML = content;
   }
 
   onReady(event) {

ckeditor5-build-custom/package.json

@@ -21,43 +21,43 @@
     "url": "http://git.sarmad.se/fiberekonomi/ckeditor.git"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-alignment": "^42.0.2",
-    "@ckeditor/ckeditor5-autoformat": "^42.0.2",
-    "@ckeditor/ckeditor5-basic-styles": "^42.0.2",
-    "@ckeditor/ckeditor5-block-quote": "^42.0.2",
-    "@ckeditor/ckeditor5-code-block": "^42.0.2",
+    "@ckeditor/ckeditor5-alignment": "^44.0.0",
+    "@ckeditor/ckeditor5-autoformat": "^44.0.0",
+    "@ckeditor/ckeditor5-basic-styles": "^44.0.0",
+    "@ckeditor/ckeditor5-block-quote": "^44.0.0",
+    "@ckeditor/ckeditor5-code-block": "^44.0.0",
     "@ckeditor/ckeditor5-dev-translations": "^42.0.0",
     "@ckeditor/ckeditor5-dev-utils": "^42.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^42.0.2",
-    "@ckeditor/ckeditor5-essentials": "^42.0.2",
-    "@ckeditor/ckeditor5-font": "^42.0.2",
-    "@ckeditor/ckeditor5-heading": "^42.0.2",
-    "@ckeditor/ckeditor5-highlight": "^42.0.2",
-    "@ckeditor/ckeditor5-html-embed": "^42.0.2",
-    "@ckeditor/ckeditor5-indent": "^42.0.2",
-    "@ckeditor/ckeditor5-link": "^42.0.2",
-    "@ckeditor/ckeditor5-list": "^42.0.2",
-    "@ckeditor/ckeditor5-media-embed": "^42.0.2",
-    "@ckeditor/ckeditor5-paragraph": "^42.0.2",
-    "@ckeditor/ckeditor5-paste-from-office": "^42.0.2",
-    "@ckeditor/ckeditor5-remove-format": "^42.0.2",
-    "@ckeditor/ckeditor5-source-editing": "^42.0.2",
-    "@ckeditor/ckeditor5-table": "^42.0.2",
-    "@ckeditor/ckeditor5-theme-lark": "^42.0.2",
-    "@ckeditor/ckeditor5-typing": "^42.0.2",
-    "@ckeditor/ckeditor5-word-count": "^42.0.2",
+    "@ckeditor/ckeditor5-editor-classic": "^44.0.0",
+    "@ckeditor/ckeditor5-essentials": "^44.0.0",
+    "@ckeditor/ckeditor5-font": "^44.0.0",
+    "@ckeditor/ckeditor5-heading": "^44.0.0",
+    "@ckeditor/ckeditor5-highlight": "^44.0.0",
+    "@ckeditor/ckeditor5-html-embed": "^44.0.0",
+    "@ckeditor/ckeditor5-indent": "^44.0.0",
+    "@ckeditor/ckeditor5-link": "^44.0.0",
+    "@ckeditor/ckeditor5-list": "^44.0.0",
+    "@ckeditor/ckeditor5-media-embed": "^44.0.0",
+    "@ckeditor/ckeditor5-paragraph": "^44.0.0",
+    "@ckeditor/ckeditor5-paste-from-office": "^44.0.0",
+    "@ckeditor/ckeditor5-remove-format": "^44.0.0",
+    "@ckeditor/ckeditor5-source-editing": "^44.0.0",
+    "@ckeditor/ckeditor5-table": "^44.0.0",
+    "@ckeditor/ckeditor5-theme-lark": "^44.0.0",
+    "@ckeditor/ckeditor5-typing": "^44.0.0",
+    "@ckeditor/ckeditor5-word-count": "^44.0.0",
     "css-loader": "^7.1.2",
-    "postcss": "^8.4.40",
+    "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
     "raw-loader": "^4.0.2",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.10",
-    "webpack": "^5.93.0",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4"
   },
   "engines": {
-    "node": "^22.5.1",
-    "npm": "^10.8.2"
+    "node": "^22.12.0",
+    "npm": "^10.9.0"
   },
   "scripts": {
     "build-ckeditor": "webpack --mode production",

ckeditor5-build-custom/src/ckeditor.js

@@ -35,6 +35,7 @@ import Placeholder from './plugins/placeholder/placeholder.js';
 import MediaEmbed from '@ckeditor/ckeditor5-media-embed/src/mediaembed';
 import HtmlEmbed from '@ckeditor/ckeditor5-html-embed/src/htmlembed';
 import SourceEditing from '@ckeditor/ckeditor5-source-editing/src/sourceediting';
+import AutoMediaEmbed from '@ckeditor/ckeditor5-media-embed/src/automediaembed';
 
 class Editor extends ClassicEditor {}
 
@@ -73,12 +74,14 @@ Editor.builtinPlugins = [
 	Underline,
 	WordCount,
 	Placeholder,
+  AutoMediaEmbed,
   MediaEmbed,
   HtmlEmbed,
-  SourceEditing
+  SourceEditing,
 ];
 
 Editor.defaultConfig = {
+  licenseKey: 'GPL',
   toolbar: {
     items: [
       'heading',
@@ -117,6 +120,12 @@ Editor.defaultConfig = {
     shouldNotGroupWhenFull: true,
     language: 'en'
   },
+  autoEmbed: {
+    widget: 'mediaEmbed'
+  },
+	mediaEmbed: {
+    previewsInData: true
+  },  
   alignment: {
 		options: [
       'left',