avec zones de saisie et boutons // l'éditeur est inséré par lib/ckeditor5/build/ckeditor.js // en remplaçant les balises

// il est en version "Classic" customizée pour pouvoir ressembler à la version "DecoupledEditor", on peut le créer ici:
// https://ckeditor.com/ckeditor-5/online-builder/
// la version DecoupledEditor ne peut remplacer une <textarea>, il faut une <div>, ce qui interdit la méthode 1) ci-dessous

// pour envoyer les données au serveur, on a trois méthodes:
// 1) facile: le JS de la bibliothèque remplace la <textarea> par l'éditeur, noter que c'est impossible avec la version DecoupledEditor du ckeditor5, d'ou le choix la "custom"
// 2) moins facile; technique du formulaire caché (l'éditeur remplace une <div>), à la validation, du JS (appelé avec onload="") place les données dans l'<input> caché duquel part le POST
// 3) méthode AJAX (compliquée): le formulaire ni le bouton "valider" ne sont plus nécessaires et l'enregistrement des données est immédiat

// falsification de requête inter-site - CSRF
// à faire plus tard

// variable $inputsAlbum (page discographie uniquement)
// attention: on ne peut préremplir le champ input file
// solution: on affiche le nom du fichier, si l'utilisateur en télécharge un autre, on le remplace;
// il devient donc impossible de n'avoir aucun fichier
ob_start();
?>
        <?= $imageFormulaire ?>
        <p><i>Infos qui seront affichées sur cette page:</i></p>
        <label for="titre" >Titre</label>
            <input type="text" name="titre" value="<?= $vignette[0] ?>" required><br>
        <label for="annee" >Année</label>
            <input type="text" name="annee" value="<?= $vignette[1] ?>"><br>
        <label for="pochette" >Pochette du disque (jpg ou png) : <?= $vignette[2] ?></label><br>
            
            <input type="file" name="upload"><br><br><br>
<?php
$inputsAlbum = ob_get_clean();

// variable $editeurHTML
ob_start();
?>

<div class="conteneur_article" >
    <form action="index.php?page=<?= $page ?>&action=submit<?= $fileCodeArgument ?>" method="post" enctype="multipart/form-data" >
<?php
if($page === 'discographie' || $page === 'album')
{
    echo($inputsAlbum . "<p><i>Infos qui seront affichées dans la page spécifique à cet album:</i></p>");
}
?>