Update templates/philosophie.html

templates/philosophie.html

@@ -553,44 +553,109 @@
         // Appeler la fonction pour afficher les dissertations au chargement de la page
         updateSavedDissertationsList();
 
-// Gestion de la copie avec retour visuel amélioré
-        $('#copy-btn').click(function() {
-            const response = $('#response').text();
+        // Nouvelle gestion de la copie
+            $('#copy-btn').click(function() {
+                // Sélectionner le contenu de la réponse en utilisant innerHTML pour obtenir le HTML formaté
+                const responseDiv = document.querySelector('#response > div');
+                let textToCopy = '';
+
+                // Créer un élément temporaire pour convertir le HTML en texte brut tout en préservant le formatage
+                const temp = document.createElement('div');
+                temp.innerHTML = responseDiv.innerHTML;
+
+                // Fonction récursive pour extraire le texte en préservant les sauts de ligne
+                function extractText(node) {
+                    let text = '';
+                    node.childNodes.forEach(child => {
+                        if (child.nodeType === 3) { // Nœud texte
+                            text += child.textContent;
+                        } else if (child.nodeType === 1) { // Élément
+                            // Ajouter des sauts de ligne pour les éléments de bloc
+                            if (window.getComputedStyle(child).display === 'block') {
+                                text += '\n';
+                            }
+                            text += extractText(child);
+                            if (window.getComputedStyle(child).display === 'block') {
+                                text += '\n';
+                            }
+                        }
+                    });
+                    return text;
+                }
 
-            $(this).addClass('scale-95 bg-violet-100');
-            navigator.clipboard.writeText(response)
-                .then(() => {
-                    $(this).removeClass('scale-95 bg-violet-100')
-                        .addClass('bg-green-50 text-green-700');
+                textToCopy = extractText(temp).trim();
 
-                    setTimeout(() => {
-                        $(this).removeClass('bg-green-50 text-green-700');
-                    }, 1000);
+                // Animation et copie
+                $(this).addClass('scale-95 bg-violet-100');
 
-                    Toast.fire({
-                        icon: 'success',
-                        title: 'Copié avec succès',
-                        text: 'Le contenu a été copié dans votre presse-papiers',
-                        timer: 2000
-                    });
-                })
-                .catch(() => {
-                    $(this).removeClass('scale-95 bg-violet-100')
-                        .addClass('bg-red-50 text-red-700');
+                // Utiliser l'API Clipboard avec gestion des erreurs
+                navigator.clipboard.writeText(textToCopy)
+                    .then(() => {
+                        $(this).removeClass('scale-95 bg-violet-100')
+                            .addClass('bg-green-50 text-green-700');
 
-                    setTimeout(() => {
-                        $(this).removeClass('bg-red-50 text-red-700');
-                    }, 1000);
+                        setTimeout(() => {
+                            $(this).removeClass('bg-green-50 text-green-700');
+                        }, 1000);
 
-                    Toast.fire({
-                        icon: 'error',
-                        title: 'Erreur de copie',
-                        text: 'Impossible de copier le contenu',
-                        timer: 3000
+                        Toast.fire({
+                            icon: 'success',
+                            title: 'Copié avec succès',
+                            text: 'Le contenu a été copié dans votre presse-papiers',
+                            timer: 2000
+                        });
+                    })
+                    .catch((err) => {
+                        // Fallback pour les appareils mobiles qui ne supportent pas l'API Clipboard
+                        try {
+                            // Créer un élément textarea temporaire
+                            const textarea = document.createElement('textarea');
+                            textarea.value = textToCopy;
+                            textarea.style.position = 'fixed'; // Évite le défilement
+                            textarea.style.opacity = '0';
+                            document.body.appendChild(textarea);
+                            
+                            // Sélectionner et copier le texte
+                            textarea.select();
+                            document.execCommand('copy');
+                            
+                            // Nettoyer
+                            document.body.removeChild(textarea);
+                            
+                            // Feedback positif
+                            $(this).removeClass('scale-95 bg-violet-100')
+                                .addClass('bg-green-50 text-green-700');
+
+                            setTimeout(() => {
+                                $(this).removeClass('bg-green-50 text-green-700');
+                            }, 1000);
+
+                            Toast.fire({
+                                icon: 'success',
+                                title: 'Copié avec succès',
+                                timer: 2000
+                            });
+                        } catch (fallbackErr) {
+                            // Si même le fallback échoue
+                            $(this).removeClass('scale-95 bg-violet-100')
+                                .addClass('bg-red-50 text-red-700');
+
+                            setTimeout(() => {
+                                $(this).removeClass('bg-red-50 text-red-700');
+                            }, 1000);
+
+                            Toast.fire({
+                                icon: 'error',
+                                title: 'Erreur de copie',
+                                text: 'Impossible de copier le contenu',
+                                timer: 3000
+                            });
+                        }
                     });
-                });
-        });
+            });
+
 
+  
         // Ajout des styles d'animation personnalisés
         const style = document.createElement('style');
         style.textContent = `