Bilan de la semaine

Question

Je n'ai pas apporté de changements très visibles depuis la dernière fois, mais de grosses avancées ont tout de même été faites.Tout d'abord, j'ai mis le doigt sur le fameux problème intermittent dont je parlais la dernière fois. Il s'agit d'un problème qui se produit entre Cloudflare et la partie client. Je suis arrivée à cette conclusion grâce à certains retours qui m'ont été faits (ce problème n'arrive pas partout en même temps), à mes observations et à mes tests (n'est pas lié à la charge du serveur sur lequel j'héberge le site, le bug disparaît sur mon appareil mobile si je désactive la Wi-Fi, etc.).J'ai donc changé pas mal de réglages sur Cloudflare et, du moins de mon côté, ça a drastiquement diminué la fréquence et la durée de ces bugs. Il me faudra encore du temps d'observation pour résoudre complètement le problème, surtout si je le rencontre beaucoup plus rarement.J'en ai aussi profité pour augmenté la sécurité du site. D'après mes observations, plus personne n'utilise de navigateur obsolète avec les protocoles TLS 1.0 et 1.1 pour se connecter à VortexT. Ça m'a permis de renforcer la sécurité du site et le grade SSL est passé de B à A+.Enfin, il m'a fallu travailler sur l'éditeur de texte Quill. Quill a sorti une mise à jour dernièrement pour notamment résoudre une incompatibilité à venir avec la plupart des navigateurs. Le problème, c'est que j'utilisais React-Quill (React-Quill encapsule l'éditeur Quill dans un composant React pour faciliter son implémentation dans les applications créées avec React) qui, malheureusement, utilise une ancienne version de Quill et semble tombé dans l'abandon. Il m'a donc fallu réécrire mon composant sans utiliser React-Quill. La mise à jour de Quill change également pas mal de choses. Les développeurs ont coupé pas mal de coins ronds et j'ai dû réécrire une bonne partie du CSS pour compenser certaines de leurs décisions. Je vais rédiger une réponse sous cette publication pour expliquer ce que j'ai fait plus en détails. Edit : il semblerait que j'ai quelques bugs à régler avec cette fameuse mise à jour de Quill.À partir de maintenant, je vais pouvoir me concentrer un peu plus sur d'autres petits irritants et sur l'amélioration de certaines fonctionnalités.Avec l'arrivée des beaux jours, mon rythme va peu à peu ralentir car j'ai tendance à préférer avoir le nez dehors pendant mon temps libre pour profiter du printemps et de l'été, mais je continuerai évidemment à maintenir et améliorer VortexT et être une utilisatrice enthousiaste. 😊

Noëli · Answer

Vous m’épatez de semaines en semaines 😀 Bravo et merci 🤩

Chattentif · Answer

Bravo pour le A+, et tout le travail réalisé !Est-ce que dans la barre de mise en forme nous n'avons pas perdu les options permettant d'aligner le texte (gauche, centre ou droit) ?Avec le printemps je conseille de suivre le nez dehors et ne pas le laisser sortir tout seul. C'est ce que je n'ai pas manqué de faire de mon côté, je n'ai pas fait comme Pinocchio.https://hitek.fr/actualite/pinocchio-film-animation-live-robert-zemeckis_20865

Olivier Chouraki · Answer

Bravo @Aurelie_Chan !J’attends impatiemment les améliorations, les nouveaux utilisateurs et les nouvelles questions et réponses !Une idée au passage : pourquoi pas un design spatial assorti au nom de Vortext comme ceux de tes sites web ?

Romain · Answer

Je ne savais pas qu'on avait besoin du nez pour coder.Félicitation pour le A+. J'aime bien l'expression "couper des coins ronds". Elle est très imagée.J'aimais bien la fonctionnalité de mise en page qui a disparu : "gauche", "centre" (et "droite" mais je n'ai jamais vu cette dernière sur Vortext).Il y a un truc que j'aimerais bien réaliser : mettre des images en petit format avec du texte autour. Cela peut attendre l'hiver, une fois que le nez sera rentré.

Aramini Michael · Answer

Félicitations. C'est plaisant à voir. En tout cas félicitation pour tout tes efforts.

Richard Trigaux · Answer

Merci pour votre travail :-)Pour le bug cloudflare, les clouds sont sujets à ce genre de problèmes. Ils ont parfois du mal à retrouver un fichier donné, sans que l'on sache trop pourquoi.

Admin · Answer

Pour celles et ceux qui souhaitent continuer à utiliser Quill sans React-Quill, il faut désormais utiliser useRef pour créer manuellement une référence à un élément du DOM et gérer manuellement le cycle de vie en initialisant Quill dans un hook useEffect.Je n'ai personnellement pas compris grand chose à l'exemple donné sur le site de Quill parce qu'il ont rajouté trop de fonctionnalités que je n'utilise pas, donc je vais créer un exemple très minimaliste de ma façon de faire, donc plus facilement compréhensible et adaptable aux différents types de projets. Installez d'abord la dernière version de Quill.Ici, voici un exemple de l'éditeur Quill appelé depuis return du composant parent :PlainBashC++C#CSSDiffHTML/XMLJavaJavaScriptMarkdownPHPPythonRubySQLVoici maintenant une version très simplifiée du composant qui gère l'intégration de l'éditeur Quill : PlainBashC++C#CSSDiffHTML/XMLJavaJavaScriptMarkdownPHPPythonRubySQLimport React, { useEffect, useRef } from 'react';import Quill from 'quill';const QuillEditor = ({ passText, placeholder }) => { const editorRef = useRef(null); useEffect(() => { const quill = new Quill(editorRef.current, { theme: 'snow', modules: { toolbar: [ ['bold', 'italic', 'underline', 'strike'], // Autres options de la toolbar... ], }, }); // Détecter les changements de texte dans l'éditeur Quill quill.on('text-change', () => { let content = quill.root.innerHTML; passText(content); }); // Nettoyage lors du démontage du composant return () => { quill.off('text-change'); }; }, [passText, placeholder]); // Rendu du composant QuillEditor avec une référence à l'élément DOM return

;};export default QuillEditor;Edit : l'indentation n'est pas respectée une fois le message publié. Je verrai ça demain.Les développeurs de Quill ont décidé que les listes « bullets » et les listes « ordonnées » seraient désormais toutes contenues dans des balise

, mais dans un  avec la classe .ql-code-block-container. Dans la feuille de style CSS, il est désormais nécessaire d'ajouter quelques paramètres qui étaient auparavant définis par défaut.Voici un exemple :PlainBashC++C#CSSDiffHTML/XMLJavaJavaScriptMarkdownPHPPythonRubySQL.ql-code-block-container { font-family: monospace; overflow-x: auto; white-space: pre;}Il y a désormais un bouton avec une liste pour sélectionner le langage. Il est très utile pour écrire le code mais ne sert strictement à rien une fois le code publié. Voici comment le dégager :PlainBashC++C#CSSDiffHTML/XMLJavaJavaScriptMarkdownPHPPythonRubySQL.votre-boite-de-texte .ql-code-block-container .ql-ui {  display: none;}En espérant que cela puisse aider certaines personnes.

Decebal UDREA · Answer

Bonjour,J'ai un problème dont j'ignore s'il est apparu avec la dernière version.La majeure partie des liens videos (Youtube lorsque j'analyse le contenu de la page) m'apparaissent sous la forme de carrés inactifs.J'utilise Mozilla Firefox, et je bloque les cookies de pistages intersites, la prise d'empreintes numériqueJ'ai également coché Demander aux sites web de ne pas vendre ni partager mes données et Demander aux sites web de « Ne pas me pister »Mais le résultat est même si je supprime tous ces blocages.En revanche J'utilise l'extension Invidition :Invidition Redirige YouTube et Twitter vers Invidious et Nitter, leurs interfaces équivalentes, respectueuses de la vie privée.Et si je la désactive je vois bien les vidéos. Mais cela me dérange car je boycotte Youtube justement pour sa politique désastreuse vis à vis de la vie privé.Y a t-il une solution ?Merci

Connaissez-vous des entreprises avec une bonne image, mais qui ont des scandales ou des affaires judiciaires ?

Que pensez-vous des groupes de niveau à l'école ?

Le retour des hirondelles et des martinets noirs, édition 2025

La solution des stations relais applicable à l'automobile ?

Comment vous informez-vous?

La sécurité au travail

Quelles pourraient être les conséquences de The Big One (tremblement de terre sur la faille de San Andreas)?

Que pensez-vous de ce test de QI pour chiens ?

Un jeu et une question sur l'or ?

Invidition