Текст и изображения публикуются неправильно, смещение на моем сайте PHP-блога. ⇐ Javascript

[Anonymous]

Я создаю простой блог-сайт, используя PHP, и я новичок в PHP. Я застрял в решении проблемы с расположением текста и изображений при публикации контента пользователями.
Подробности проблемы
Проблема с текстом: отображаемый текст не совпадает с тем, что опубликовал пользователь; отображается другой текст.
Несовмещение и дублирование изображений: изображения иногда отображаются не в правильном порядке или дублируются.
Загрузка нескольких изображений : Когда пользователи пытаются загрузить несколько изображений, публикуются только одно или два изображения.
Вот код, который я использую для обработки контента (текста и изображений):PHP-код для обработки сообщений Запрос

Код: Выделить всё

форма HTML для изображения и текстового ввода

Код: Выделить всё

📷

Publish

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

Код: Выделить всё

function insertImageIntoDiv(event) {
const fileInput = event.target;
const editableDiv = document.getElementById('editableDiv');

if (fileInput.files) {
Array.from(fileInput.files).forEach((file) => {
const reader = new FileReader();

reader.onload = function (e) {
const imgElement = `
[img]${e.target.result}[/img]
`;
editableDiv.innerHTML += imgElement;
};

reader.readAsDataURL(file);
});
}
}

function submitContent() {
const editableDiv = document.getElementById('editableDiv');
const hiddenContent = document.getElementById('hiddenContent');
hiddenContent.value = editableDiv.innerHTML;
}

Будем благодарны за любую помощь! Спасибо

Подробнее здесь: https://stackoverflow.com/questions/793 ... -blog-site