Refactor Media Browser

config/nova-ckeditor.php

@@ -171,9 +171,7 @@
                 'fontBackgroundColor',
                 '|',
                 'insertTable',
-                'imageBrowser',
-                'videoBrowser',
-                'audioBrowser',
+                'mediaBrowser',
                 'mediaEmbed',
                 'link',
                 'resizeImage',
@@ -447,7 +445,7 @@
                     ],
 
                     'toolbar' => [
-                        'imageBrowser',
+                        'mediaBrowser',
                         '|',
                         'imageStyle:full',
                         'imageStyle:alignLeft',

docs/README.md

@@ -1,13 +1,17 @@
 # Introduction
 
-[![GitHub license](https://img.shields.io/github/license/mostafaznv/nova-ckeditor?style=flat-square)](https://github.com/mostafaznv/nova-ckeditor/blob/master/LICENSE) [![Packagist Downloads](https://img.shields.io/packagist/dt/mostafaznv/nova-ckeditor?style=flat-square)](https://packagist.org/packages/mostafaznv/nova-ckeditor) [![Latest Version on Packagist](https://img.shields.io/packagist/v/mostafaznv/nova-ckeditor.svg?style=flat-square)](https://packagist.org/packages/mostafaznv/nova-ckeditor)
+[<img src="https://img.shields.io/github/license/mostafaznv/nova-ckeditor?style=flat-square" alt="GitHub license" data-size="line">](https://github.com/mostafaznv/nova-ckeditor/blob/master/LICENSE) [<img src="https://img.shields.io/packagist/dt/mostafaznv/nova-ckeditor?style=flat-square" alt="Packagist Downloads" data-size="line">](https://packagist.org/packages/mostafaznv/nova-ckeditor) [<img src="https://img.shields.io/packagist/v/mostafaznv/nova-ckeditor.svg?style=flat-square" alt="Latest Version on Packagist" data-size="line">](https://packagist.org/packages/mostafaznv/nova-ckeditor)
 
 
 
 The **Nova Ckeditor** package combines the power of Laravel Nova with the advanced features of **CKEditor 5**, a modern and versatile text editor. It aims to bring CKEditor 5 integration to Laravel Nova, providing you with an enhanced content creation experience within your Laravel applications.\
 With "Nova Ckeditor," you can seamlessly integrate CKEditor 5 into Laravel Nova and unlock advanced text editing capabilities within your Laravel applications. Whether you're building a blog, a content management system, or any other application that requires rich text editing, "Nova Ckeditor" provides the tools and features you need for a seamless content creation experience.
 
-[![Donate](https://mostafaznv.github.io/donate/donate.svg)](https://mostafaznv.github.io/donate)
+<div align="left">
+
+<figure><img src="https://mostafaznv.github.io/donate/donate.svg" alt="" width="188"><figcaption></figcaption></figure>
+
+</div>
 
 
 

package.json

@@ -46,12 +46,13 @@
         "sass": "^1.63.6",
         "sass-loader": "^13.3.2",
         "style-loader": "^3.3.3",
-        "v-lazy-image": "^2.1.1",
         "vue-loader": "^17.2.2",
         "vue-template-compiler": "^2.7.14",
         "webpack": "^5.88.0"
     },
     "dependencies": {
+        "@vueuse/components": "^10.7.0",
+        "@vueuse/core": "^10.7.0",
         "lodash": "^4.17.21",
         "postcss-scss": "^4.0.6",
         "regex-parser": "^2.2.11",

resources/js/ckeditor/ckeditor.js

@@ -55,9 +55,7 @@ import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
 import {SimpleUploadAdapter} from '@ckeditor/ckeditor5-upload'
 
 // Browser
-import ImageBrowser from './plugins/ImageBrowser'
-import VideoBrowser from './plugins/VideoBrowser'
-import AudioBrowser from './plugins/AudioBrowser'
+import MediaBrowser from './plugins/MediaBrowser'
 import SnippetBrowser from './plugins/SnippetBrowser'
 
 // Video
@@ -95,9 +93,7 @@ export default class CkEditor extends ClassicEditorBase {
     // Add Plugins
     static get builtinPlugins() {
         return [
-            ImageBrowser,
-            VideoBrowser,
-            AudioBrowser,
+            MediaBrowser,
             SnippetBrowser,
             Video,
             Audio,