mise a jour categorie (liste deroulante et remplissage obligatoire) + mise a jour checkbox + insertion de TinyMCE (pas finis)

blog/html/ajouter_article.html

@@ -100,18 +100,19 @@
     <div id="successMsg" class="alert alert-success d-none">Article ajouté avec succès !</div>
 
         <!-- Catégorie -->
-<div class="mb-3">
-    <label class="form-label fw-bold">Catégorie de l'article</label>
-    <input list="categories" id="articleCategory" class="form-control" placeholder="Entrez une catégorie">
-
-    <datalist id="categories">
-        <option value="actualités">
-        <option value="chien">
-        <option value="chat">
-        <option value="boutique">
-    </datalist>
+    <div class="mb-3">
+    <label class="form-label fw-bold">Catégorie de l'article (obligatoire)</label>
+    <select id="articleCategory" class="form-select" required>
+        <option value="" disabled selected>Choisissez une catégorie</option>
+        <option value="actualités">Actualités</option>
+        <option value="chien">Chien</option>
+        <option value="chat">Chat</option>
+        <option value="boutique">Boutique</option>
+    </select>
 </div>
 
+
+
 <!-- Titre -->
 <div class="mb-4">
     <label class="form-label fw-bold">Titre de l'article (obligatoire)</label>
@@ -137,7 +138,7 @@
         <!--Publié-->
         <div class="form-check mb-3">
         <input class="form-check-input" type="checkbox" id="articlePublished">
-        <label class="form-check-label" for="articlePublished">Publié (sera publié sur le blog)</label>
+        <label class="form-check-label" for="articlePublished">Publié (sera publié sur le facebook)</label>
         </div>
 
 
@@ -152,25 +153,40 @@
 
 <script src="../js/ajouter_article.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-<script>
-  
-ClassicEditor
+<script src="https://cdn.tiny.cloud/1/1up68ybfp3crmpssl9o7pu6d0e8v3okcnsinhoujnmak7wft/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
+
+  <script>
+tinymce.init({
+    selector: '#articleContent',
+    height: 400,
+    language: 'fr',
+    plugins: 'lists fullscreen',
+    toolbar: 'undo redo | bold italic underline | bullist numlist | fullscreen'
+});
+</script>
+
+
+
+
+
+
+
+    
+</body>
+</html>
+
+
+
+<!--ClassicEditor
   .create(document.querySelector('#articleContent'), {
     language: 'fr',
     toolbar: [
       'heading',
-      'bold', 'italic', 'underline',
+      'bold', 'italic', 
       'bulletedList', 'numberedList',
       'undo', 'redo'
     ]
   })
   .catch(error => {
     console.error(error);
-  });
-
-
-
-</script>
-    
-</body>
-</html>
+  });