integration bilans

frontend/src/components/EditPost.jsx

@@ -52,6 +52,16 @@ function EditPost() {
     return new File([blob], "image-cloudinary.jpg", { type: blob.type });
   };
 
+  const modules = {
+    toolbar: [
+      [{ header: [1, 2, 3, false] }],
+      ["bold", "italic", "underline", "strike"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["link", "image"], // ✅ le bouton image est ici
+      ["clean"],
+    ],
+  };
+
   const handleUpdate = async (e) => {
     e.preventDefault();
     try {
@@ -80,7 +90,7 @@ function EditPost() {
         alignItems: "center",
       }}
     >
-      <Container maxWidth="sm">
+      <Container maxWidth="lg">
         <Paper elevation={6} sx={{ p: 4, borderRadius: 3 }}>
           <Button
             onClick={() => navigate("/admin/gestion-articles")}
@@ -108,11 +118,13 @@ function EditPost() {
             >
               Contenu de l'article :
             </Typography>
+
             <Box sx={{ height: 250, mb: 7 }}>
               <ReactQuill
                 theme="snow"
                 value={content}
                 onChange={setContent}
+                modules={modules}
                 style={{ height: "100%" }}
               />
             </Box>