Esenjin_Asakha/Lectures
Esenjin_Asakha/Lectures
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

l'éditeur de la description de roman arrive désormais à héberger les images correctement

Browse Source
This commit is contained in:
Esenjin 2025-02-16 00:13:37 +01:00
parent 4d27f4579a
commit 3afd26333f
1 changed files with 44 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
admin/story-edit.php
View File

@ -162,7 +162,49 @@ function generateSlug($title) {
<script src="../assets/js/story-edit.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Configuration de l'éditeur de description - identique à l'éditeur de chapitres
// Configuration de l'éditeur de description
// Récupérer le storyId depuis l'input caché ou l'URL
const urlParams = new URLSearchParams(window.location.search);
const currentStoryId = document.querySelector('input[name="id"]')?.value || urlParams.get('id');
// Configuration des handlers pour les images
const imageUploadHandler = (editor) => {
const input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.click();
input.onchange = async () => {
const file = input.files[0];
if (file) {
const formData = new FormData();
formData.append('image', file);
formData.append('storyId', currentStoryId);
try {
const response = await fetch('api/upload-image.php', {
method: 'POST',
body: formData
});
if (!response.ok) throw new Error('Upload failed');
const result = await response.json();
if (result.success) {
const range = editor.getSelection(true);
editor.insertEmbed(range.index, 'image', result.url);
editor.setSelection(range.index + 1);
} else {
showNotification(result.error || 'Erreur lors de l\'upload', 'error');
}
} catch (error) {
console.error('Error:', error);
showNotification('Erreur lors de l\'upload de l\'image', 'error');
}
}
};
};
const descriptionEditor = new Quill('#descriptionEditor', {
theme: 'snow',
modules: {
@ -184,40 +226,7 @@ function generateSlug($title) {
],
handlers: {
image: function() {
const input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.click();
input.onchange = async () => {
const file = input.files[0];
if (file) {
const formData = new FormData();
formData.append('image', file);
formData.append('storyId', storyId);
try {
const response = await fetch('api/upload-image.php', {
method: 'POST',
body: formData
});
if (!response.ok) throw new Error('Upload failed');
const result = await response.json();
if (result.success) {
const range = descriptionEditor.getSelection(true);
descriptionEditor.insertEmbed(range.index, 'image', result.url);
descriptionEditor.setSelection(range.index + 1);
} else {
showNotification(result.error || 'Erreur lors de l\'upload', 'error');
}
} catch (error) {
console.error('Error:', error);
showNotification('Erreur lors de l\'upload de l\'image', 'error');
}
}
};
imageUploadHandler(descriptionEditor);
}
}
},