From 5b455dbf1474a3c7c839cd129fd470f1fdae6b0c Mon Sep 17 00:00:00 2001 From: polo Date: Sun, 27 Oct 2024 13:34:13 +0100 Subject: =?UTF-8?q?v2=20avec=20NPM=20et=20composer,=20customizable=20et=20?= =?UTF-8?q?plus=20facile=20=C3=A0=20int=C3=A9grer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/ckeditor5/article_hors_editeur.css | 38 ++++++++ lib/ckeditor5/clean_html.php | 46 +++++++++ lib/ckeditor5/create.php | 16 +++ lib/ckeditor5/image_upload.php | 64 ++++++++++++ lib/ckeditor5/view.php | 171 +++++++++++++++++++++++++++++++++ 5 files changed, 335 insertions(+) create mode 100644 lib/ckeditor5/article_hors_editeur.css create mode 100644 lib/ckeditor5/clean_html.php create mode 100644 lib/ckeditor5/create.php create mode 100644 lib/ckeditor5/image_upload.php create mode 100644 lib/ckeditor5/view.php (limited to 'lib') diff --git a/lib/ckeditor5/article_hors_editeur.css b/lib/ckeditor5/article_hors_editeur.css new file mode 100644 index 0000000..a38b384 --- /dev/null +++ b/lib/ckeditor5/article_hors_editeur.css @@ -0,0 +1,38 @@ +.conteneur_article{width: 630px;} +.conteneur_article:after{content: ""; display: block; clear: both;} + +img{vertical-align: bottom;} +@media screen and (max-width: 1000px) +{img{max-width: 900px;}} + +.text-tiny{font-size: x-small;} +.text-small{font-size: small;} +.text-big{font-size: large;} +.text-huge{font-size: x-large;} + +blockquote{border-left: 5px #cccccc solid; margin: 14px 0px; padding: 2px 25px; font-style: italic;} + +.marker-yellow{background-color: #fdfd77;} +.marker-green{background-color: #62f962;} +.marker-pink{background-color: #fc7899;} +.marker-blue{background-color: #72ccfd;} +.pen-red{background-color: white; color: red;} +.pen-green{background-color: white; color: green;} + +ul{padding-left: 10px;} +.todo-list>li{list-style-type : none;} +input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; +height: 16px; width: 16px; border: 1px solid black; border-radius: 2px; position: relative; top: 5px; margin-right: 10px;} +input[type="checkbox"]:checked{border: none; background: #26ab33;} + +.table>table{border-collapse: collapse;} +.table td{border: 1px grey solid; padding: 7px; min-width: 30px;} +td p{margin: 0px;} + +.image{margin: 0px; text-align: center; display: inline-block;} +.image-style-side{float: right;} +.image img{max-width: 630px;} +.image-style-side img{max-width: 315px;} +.image>figcaption{margin: 0px 10px; padding: 7px; text-align: center; font-size: small; background-color: #f7f7f7;} + +iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;} diff --git a/lib/ckeditor5/clean_html.php b/lib/ckeditor5/clean_html.php new file mode 100644 index 0000000..5d00532 --- /dev/null +++ b/lib/ckeditor5/clean_html.php @@ -0,0 +1,46 @@ +1, // protection contre les élements et attributs dangereux + + // balises autorisées + 'elements'=>'h2, h3, h4, p, span, i, strong, u, s, mark, blockquote, li, ol, ul, a, figure, hr, img, figcaption, table, tbody, tr, td', + // note: change en + + // attributs interdits + 'deny_attribute'=>'id', // 'class' et 'style' sont conservés pour le ckeditor + ); + $specHtmLawed = ''; // optionnel: faire qu'un certain élément puisse n'avoir que certains attributs + $html = htmLawed($html, $configHtmLawed, $specHtmLawed); + + + //~ $nom_fichier = "après.html"; + //~ $fichier = fopen('data/' . $page . '/' . $nom_fichier, 'w'); // w peut créer un fichier, si il existe déjà, il est effacé par le nouveau contenu + //~ fputs($fichier, $html); + //~ fclose($fichier); + //~ chmod('data/' . $page . '/' . $nom_fichier, 0666); + + + return $html; +} + + + diff --git a/lib/ckeditor5/create.php b/lib/ckeditor5/create.php new file mode 100644 index 0000000..d62f893 --- /dev/null +++ b/lib/ckeditor5/create.php @@ -0,0 +1,16 @@ + + +// pour voir cette réponse, les messages d'erreur ou tout affichage avec echo ou var_dump: +// outils de développement (F12) => réseau => trouver la requête (xhr) => cliquer dessus puis sur réponse + +// rappel: le téléchargement de fichier avec PHP nécessite un dossier temporaire et que le serveur y soit autorisé en écriture + + +$erreur = ''; +if(isset($_FILES['upload']) AND $_FILES['upload']['error'] == 0) // 0 signifie ok +{ + if($_FILES['upload']['size'] <= $php_ini_max_size ) + { + $infos = pathinfo ($_FILES['upload']['name']); + $extension = $infos['extension']; + $extautorisées = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'tiff']; + // on prend la même liste que celle côté javascript, le SVG est bloqué pour raison de sécurité (javascript à l'intérieur) + if(in_array($extension, $extautorisées)) + { + move_uploaded_file ($_FILES['upload']['tmp_name'], 'data/' . $page . '/images/' . $_FILES['upload']['name']); + chmod('data/' . $page . '/images/' . $_FILES['upload']['name'], 0666); + } + else + { + $erreur = 'mauvais format, veuillez utiliser une image comportant un de ces formats: jpg ou jpeg, png, gif, bmp, webp, tiff
le format svg n\'est pas supporté'; + } + } + else + { + $erreur = 'fichier trop lourd'; + } +} +else +{ + $erreur = $_FILES['upload']['error']; +} +/* les erreurs retournées avec $_FILES['upload']['error']: +0 pas d'erreur +1 taille du fichier supérieure à la valeur de upload_max_filesize dans le fichier php.ini (par défaut = 2 MO) +2 taille du fichier supérieure à la valeur de MAX_FILE_SIZE dans le formulaire HTML +3 fichier partiellement téléchargé +4 pas de fichier du tout +6 pas de dossier temporaire pour mettre le fichier +7 echec de l'écriture sur le DD +8 envoi arrêté par une extension de PHP mais on ne nous dit pas pourquoi => diagnostic avec la fonction phpinfo() */ + +if(empty($erreur)) +{ + $chemin = '{"url": "data/' . $page . '/images/' . $_FILES['upload']['name'] . '"}'; + echo $chemin; +} +else +{ + echo $erreur; +} +die; diff --git a/lib/ckeditor5/view.php b/lib/ckeditor5/view.php new file mode 100644 index 0000000..6d6c961 --- /dev/null +++ b/lib/ckeditor5/view.php @@ -0,0 +1,171 @@ +'; // version normale aérée et commentée +$css_editeur = ''; // version "minifiée" + +ob_start(); +?> +
+
+ + + + + + +
+
+