Лучший способ управлять загруженными файлами в моем редакторе?

Don't know this will help you or not. But i used to solve this remove image issue like this.

I used summernote editor.

Шаги, которые я выполнил при вставке изображений с другим содержимым:

Собрал все изображения из редактора

$images = $dom->getelementsbytagname('img');

Здесь я получаю изображения как base64. вот почему мне нужно было их декодировать и хранить отдельно

$imagePaths = [];
foreach($images as $k => $img){
        $data = $img->getattribute('src');
        $check_image = substr($data,0,10);
        if ($check_image != "data:image"){
            continue;
        }
        list($type, $data) = explode(';', $data);
        list(, $data)      = explode(',', $data);
        $data = base64_decode($data);
        $image_name = time().$k.'.png';
        $path = public_path("/").ImagePaths::$BLOG_DETAILS_PICTURE.'/'.$image_name;
        file_put_contents($path, $data);
        $img->removeattribute('src');
        $img->setattribute('src', asset(ImagePaths::$BLOG_DETAILS_PICTURE.'/'.$image_name));
        $imagePaths[] = $path; // This path for store in DB
    }

Когда я удаляю или обновляю контент, я просто удаляю все изображения, которые я получил в массиве $imagePaths ранее и сохранил.

Когда я работал над этим, я следовал документации это

Здесь i общий скрипт полного контроллера.

Я использовал нижеприведенное, чтобы вставить изображения как base64 вместо их загрузки

class UploadAdapter {
   constructor( loader ) {
      this.loader = loader;
   }

   upload() {
      return this.loader.file
            .then( file => new Promise( ( resolve, reject ) => {
                  var myReader= new FileReader();
                  myReader.onloadend = (e) => {
                     resolve({ default: myReader.result });
                  }

                  myReader.readAsDataURL(file);
            } ) );
   };
}

ИМХО сначала нужно определить свои цели, а потом искать решение.

• Вы хотите, чтобы у ваших пользователей был хороший многофункциональный файловый менеджер? Это позволит им выбирать из уже загруженных изображений. Один может работать над подготовкой и загрузкой изображений, другие просто выбирают их и вставляют в редактор.
• Вы просто хотите иметь решение перетаскивания и загружать эти изображения куда-нибудь, не задумываясь о хранилище?
• Вам нужно отслеживать изменения редактируемого контента?
• Вы хотите разрешить конечным пользователям повторно использовать уже загруженные файлы?

Управление изображениями, удаленными из содержимого, может быть сложной задачей в зависимости от потребностей. Например, если вы хотите отслеживать изменения и разрешать пользователям повторно использовать загруженные изображения в других сообщениях - перед удалением любого изображения из хранилища вы должны проверить все сообщения и все версии, если они больше не содержат этого изображения. OTOH, если вас не интересуют версии и вы не разрешаете пользователям повторно использовать изображения, вы можете удалить любое изображение сразу после его удаления из содержимого.

В настоящее время хранение стоит дешево, поэтому я бы не стал так сильно беспокоиться о хранении некоторых дополнительных изображений, которые больше не используются. И что еще важнее - я бы не стал добавлять чистку в основной поток. Вместо этого - создайте специальное повторяющееся задание для сканирования содержимого и удаления неиспользуемых изображений. Чтобы сделать его более надежным, я бы сохранил использование изображений в какой-то базе данных. Таким образом было бы намного проще выполнить очистку.

Существуют готовые платные решения, такие как EasyImage (загрузка, масштабирование и оптимизация изображений в CDN) или CKFinder (полнофункциональный файловый менеджер).

Хотя, в зависимости от ваших потребностей, вам все равно может потребоваться настроить эти решения. Например, если у вас есть файловый менеджер, возможно, вы захотите заблокировать удаление файлов, если они где-то используются. Поэтому может потребоваться дополнительная работа над некоторым плагином.

Похоже, вам просто нужен дополнительный скрытый ввод, который записывает все успешно загруженные изображения и немного сравнивает их с URL-адресами изображений в редакторе после того, как пользователь разместил форму, а затем вы получите список изображений для удаления. Хотел бы я ясно выразить свое недовольство.