StEP00368: Update des CKEditors auf v5

Closes #1083, #1226, #1154, and #1088

Merge request studip/studip!641

1 files changed, 20 insertions, 1 deletions

diff --git a/webpack.common.js b/webpack.common.js
index e98b449..2846f1d 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -3,6 +3,9 @@ const path = require("path");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const ESLintPlugin = require('eslint-webpack-plugin');
+const CKEditorWebpackPlugin = require( '@ckeditor/ckeditor5-dev-webpack-plugin' );
+
+const { styles } = require('@ckeditor/ckeditor5-dev-utils');
 
 const assetsPath = path.resolve(__dirname, "resources/assets/javascripts");
 
@@ -25,6 +28,10 @@ module.exports = {
     module: {
         rules: [
             {
+                test: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/,
+                use: [ 'raw-loader' ]
+            },
+            {
                 test: /\.css$/,
                 use: [
                     {
@@ -38,7 +45,15 @@ module.exports = {
                         }
                     },
                     {
-                        loader: "postcss-loader"
+                        loader: "postcss-loader",
+                        options: {
+                            postcssOptions: styles.getPostCssConfig( {
+                                themeImporter: {
+                                    themePath: require.resolve( '@ckeditor/ckeditor5-theme-lark' )
+                                },
+                                minify: true
+                            } )
+                        }
                     }
                 ]
             },
@@ -119,6 +134,10 @@ module.exports = {
                 'resources/assets/javascripts/jquery/jstree/jquery.jstree.js',
             ]
         }),
+        new CKEditorWebpackPlugin({
+            language: 'de',
+            addMainLanguageTranslationsToAllAssets: true
+        }),
     ],
     resolve: {
         alias: {