diff --git a/resources/views/ckeditor5.blade.php b/resources/views/ckeditor5.blade.php
new file mode 100644
index 0000000..0e47561
--- /dev/null
+++ b/resources/views/ckeditor5.blade.php
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="{{ app()->getLocale() }}">
+    <head>
+        
+        @include('vendor.elfinder.common_scripts')
+        @include('vendor.elfinder.common_styles')
+
+        <!-- elFinder initialization (REQUIRED) -->
+        <script type="text/javascript" charset="utf-8">
+            // Helper function to get parameters from the query string.
+            function getUrlParam(paramName) {
+                var reParam = new RegExp('(?:[\?&]|&amp;)' + paramName + '=([^&]+)', 'i') ;
+                var match = window.location.search.match(reParam) ;
+
+                return (match && match.length > 1) ? match[1] : '' ;
+            }
+
+            $().ready(function() {
+                var funcNum = getUrlParam('CKEditorFuncNum');
+                var theme = 'default';
+
+                var elf = $('#elfinder').elfinder({
+                    // set your elFinder options here
+                    @if($locale)
+                        lang: '{{ $locale }}', // locale
+                    @endif
+                    customData: { 
+                        _token: '{{ csrf_token() }}'
+                    },
+                    url: '{{ route("elfinder.connector") }}',  // connector URL
+                    soundPath: '{{ Basset::getUrl(base_path("vendor/studio-42/elfinder/sounds")) }}',
+                    getFileCallback : function(file) {
+                        window.opener.CKEDITOR.tools.callFunction(funcNum, file.url);
+                        window.close();
+                    },
+                    themes: {
+                        default : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-gray.json',
+                        dark : 'https://cdn.jsdelivr.net/gh/RobiNN1/elFinder-Material-Theme/manifests/material-default.json',
+                    },
+                    theme: theme
+                },
+                function(fm, extraObj) {
+                    fm.bind('open', function() {
+                        setElFinderColorMode();
+                    });
+                }).elfinder('instance');
+
+                function isElfinderInDarkMode() {
+                    return typeof window.parent?.colorMode !== 'undefined' && window.parent.colorMode.result === 'dark';
+                }
+
+                function setElFinderColorMode() {
+                    theme = isElfinderInDarkMode() ? 'dark' : 'default';
+
+                    let instance = $('#elfinder').elfinder('instance');
+                    instance.changeTheme(theme).storage('theme', theme);
+                }
+            });
+        </script>
+    </head>
+    <body>
+
+        <!-- Element where elFinder will be created (REQUIRED) -->
+        <div id="elfinder"></div>
+
+    </body>
+</html>
