From 98b055c2a8538e419eb275dde923c0ef02c37463 Mon Sep 17 00:00:00 2001
From: ZHENG-Qi625 <zgandasuka@gmail.com>
Date: Tue, 31 Mar 2026 15:16:24 +0200
Subject: [PATCH 1/3] SCENARIO: Simplified video insertion (see #365).

Co-authored-by: Nourhane BOUDAOUD <nourhane.boudaoud@utt.fr>
Co-authored-by: Zhenpeng LI <zhenpeng.li@utt.fr>
---
 frontend/scenarios/include_video.feature | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/scenarios/include_video.feature b/frontend/scenarios/include_video.feature
index 9a833883..8c7869cf 100644
--- a/frontend/scenarios/include_video.feature
+++ b/frontend/scenarios/include_video.feature
@@ -8,6 +8,7 @@ Scénario: provenant de YouTube
   Et une session active avec mon compte
   Quand j'essaie de remplacer le contenu de la glose par :
     """
-    ![link](https://www.youtube.com/watch?v=JRXkAhMYKEc&ab_channel=ViniciusHenrique)
+    https://www.youtube.com/watch?v=JRXkAhMYKEc&ab_channel=ViniciusHenrique
     """
   Alors le document comporte la vidéo "https://www.youtube.com/embed/JRXkAhMYKEc"
+

From 9cead5030e08a9850ce554a7d08d259eb8efd03b Mon Sep 17 00:00:00 2001
From: ZHENG-Qi625 <zgandasuka@gmail.com>
Date: Tue, 12 May 2026 17:56:57 +0200
Subject: [PATCH 2/3] IMPROVEMENT: Simplified video insertion (closes #365).

Co-authored-by: Nourhane BOUDAOUD <nourhane.boudaoud@utt.fr>
Co-authored-by: Zhenpeng LI <zhenpeng.li@utt.fr>
---
 frontend/src/components/FormattedText.jsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FormattedText.jsx b/frontend/src/components/FormattedText.jsx
index 3b89be66..c47285e2 100644
--- a/frontend/src/components/FormattedText.jsx
+++ b/frontend/src/components/FormattedText.jsx
@@ -16,6 +16,15 @@ function FormattedText({children, setHighlightedText, selectable, setSelectedTex
     }
   };
 
+  const renderLinkOrVideo = ({children, href}) => {
+    const videoId = getId(href);
+    if (videoId) {
+      const embedLink = `https://www.youtube.com/embed/${videoId}`;
+      return <iframe width="80%" height="300" src={embedLink} style={{ border: 0 }} allowFullScreen title="YouTube video" />;
+    }
+    return <a href={href}>{children}</a>;
+  };
+
   return (<>
     <ReactMarkdown
       remarkPlugins={[remarkGfm, remarkDefinitionList, remarkUnwrapImages]}
@@ -24,7 +33,7 @@ function FormattedText({children, setHighlightedText, selectable, setSelectedTex
         p: (x) => VideoComment(x)
           || FragmentComment({...x, setHighlightedText})
           || <p onMouseUp={handleMouseUp}>{x.children}</p>,
-        a: ({children, href}) => <a href={href}>{children}</a>
+        a: renderLinkOrVideo
       }}
       remarkRehypeOptions={{
         handlers: defListHastHandlers
@@ -36,6 +45,7 @@ function FormattedText({children, setHighlightedText, selectable, setSelectedTex
 }
 
 function getId(text) {
+  if (!text) return null;
   const regExp = /^.*(?:youtube\.com\/watch\?v=|youtu\.be\/)([^\s&]{11})/;
   const match = text.match(regExp);
   return match ? match[1] : null;

From 95fd572988351b4fc7c89bdd22100f350972f5e8 Mon Sep 17 00:00:00 2001
From: Aurelien Benel <aurelien.benel@utt.fr>
Date: Wed, 27 May 2026 15:36:23 +0200
Subject: [PATCH 3/3] REFACTORING: Definition for embedded video should be
 mutualized.

---
 frontend/src/components/FormattedText.jsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/FormattedText.jsx b/frontend/src/components/FormattedText.jsx
index c47285e2..ba587406 100644
--- a/frontend/src/components/FormattedText.jsx
+++ b/frontend/src/components/FormattedText.jsx
@@ -16,24 +16,17 @@ function FormattedText({children, setHighlightedText, selectable, setSelectedTex
     }
   };
 
-  const renderLinkOrVideo = ({children, href}) => {
-    const videoId = getId(href);
-    if (videoId) {
-      const embedLink = `https://www.youtube.com/embed/${videoId}`;
-      return <iframe width="80%" height="300" src={embedLink} style={{ border: 0 }} allowFullScreen title="YouTube video" />;
-    }
-    return <a href={href}>{children}</a>;
-  };
+  const AutoLink = ({children, href}) => <a href={href}>{children}</a>;
 
   return (<>
     <ReactMarkdown
       remarkPlugins={[remarkGfm, remarkDefinitionList, remarkUnwrapImages]}
       components={{
-        img: (x) => embedVideo(x) || CroppedImage(x),
+        img: (x) => Video(x) || CroppedImage(x),
         p: (x) => VideoComment(x)
           || FragmentComment({...x, setHighlightedText})
           || <p onMouseUp={handleMouseUp}>{x.children}</p>,
-        a: renderLinkOrVideo
+        a: (x) => Video(x) || AutoLink(x)
       }}
       remarkRehypeOptions={{
         handlers: defListHastHandlers
@@ -51,8 +44,8 @@ function getId(text) {
   return match ? match[1] : null;
 }
 
-function embedVideo({src}) {
-  const videoId = getId(src);
+function Video({src, href}) {
+  const videoId = getId(src || href);
   if (videoId) {
     const embedLink = `https://www.youtube.com/embed/${videoId}`;
     return (