Добавить пользовательский элемент 'li' в существующий список ul в filepond

Question

Привет. Я пытаюсь добавить пользовательский 'li' в список файлов.

let element = document.createElement("li");
    element.innerHTML = "hello";
    let ulEle = document.querySelector(".filepond--list");
    let liItem = document.querySelector(".filepond--item");
    ulEle.insertBefore(element, liItem);

Я вижу вставленный элемент, но элемент ul li в filepond переполняет мой пользовательский элемент. Когда я пытаюсь изменить css, он не работает должным образом.

, пожалуйста, помогите

Answer 1

Стиль / расположение элементов файла в списке очень индивидуально, чтобы разрешить все анимации (это сделано с JavaScript), добавление ваших собственных элементов в список не будет работать.

Однако вы можете добавить элементы в элемент списка. Для этого я советую написать собственный плагин, лучшая отправная точка, я думаю, это плагин для редактирования изображений .