client/src/components/GIFTCheatSheet/GiftCheatSheet.tsx

@@ -153,7 +153,7 @@ const GiftCheatSheet: React.FC = () => {
                 </pre>
             </div>
 
-            <div className="question-type" id="images-section">
+            <div className="question-type">
                 <h4> 9. Images </h4>
                 <p>Il est possible d&apos;insérer une image dans une question, une réponse (choix multiple) et dans une rétroaction. D&apos;abord, <strong>le format de l&apos;élément doit être [markdown]</strong>. Ensuite utilisez la syntaxe suivante&nbsp;:</p>
                 <pre>
@@ -185,7 +185,8 @@ const GiftCheatSheet: React.FC = () => {
                     Attention: l&apos;ancienne fonctionnalité avec les balises <code>{'<img>'}</code> n&apos;est plus
                     supportée.
                 </p>
-                </div>
+            </div>
+
             <div className="question-type">
                 <h4> 10. Informations supplémentaires </h4>
                 <p>

client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx

@@ -61,14 +61,6 @@ const QuizForm: React.FC = () => {
         };
     }, []);
 
-    const scrollToImagesSection = (event: { preventDefault: () => void; }) => {
-        event.preventDefault();
-        const section = document.getElementById('images-section');
-        if (section) {
-            section.scrollIntoView({ behavior: 'smooth' });
-        }
-    };
-
     useEffect(() => {
         const fetchData = async () => {
             const userFolders = await ApiService.getUserFolders();
@@ -286,18 +278,10 @@ const QuizForm: React.FC = () => {
                         </div>
 
                         <h4>Mes images :</h4>
+
                         <div>
-                                <div>
+                            <div>(Cliquez sur un lien pour le copier)</div>
-                                <div style={{ display: "inline" }}>(Voir section </div>
+                            <ul>
-                                    <a href="#images-section"style={{ textDecoration: "none" }} onClick={scrollToImagesSection}>
-                                        <u><em><h4 style={{ display: "inline" }}> 9. Images </h4></em></u>
-                                    </a>
-                                <div style={{ display: "inline" }}> ci-dessous</div>
-                                <div style={{ display: "inline" }}>)</div>
-                                <br />
-                                <em> - Cliquez sur un lien pour le copier</em>
-                                </div>                            
-                                <ul>
                                 {imageLinks.map((link, index) => {
                                     const imgTag = `![alt_text](${escapeForGIFT(link)} "texte de l'infobulle")`;
                                     return (