- Correction de quelques fautes de frappe.
- Suppression du bogue lors de l'envoi du formulaire de contact.
- Mise à jour de liens corrompus.
Pour ceux qui aiment faire des petites notes ou une sorte de liste de tâches pendant qu'ils codent, JdBEdit vous offre aussi la possibilité de sauvegarder vos notes et de les récupérer à n'importe quel moment, sur n'importe quel document.
Pour sauvegarder des notes, allez dans l'onglet Paramètre JdBEdit puis cochez-y la case Sauvegarder vos notes actuelles et à venir pour enregistrer vos notes à chaque fois vous en créer un.
Pour récupérer des notes, il suffit d'ouvrir le Menu A, puis survoler le bouton Édition, puis cliquer sur Récupérer les notes sauvegardées. Vous pouvez éviter supprimer ces notes sauvegardées. Le bouton Supprimer les notes sauvegardées se situe juste après le bouton Récupérer les notes sauvegardées.
Accès : **Menu A
> Édition
> Récupérer les notes sauvegardées
Pour vous faire encore plus de place, j'ai non seulement orienté certaines notifications vers le centre des notifications mais j'ai aussi réduit la hauteur de la barre de navigation et donné la possibilité de masquer la barre de crédit fixée en bas de la page.
Cela s'est probablement passé à plusieurs reprises à chacun d'entre nous. Vous travaillez sur un code ou un projet quelconque dans un éditeur, l'onglet ou le navigateur se bloque, l'ordinateur s'éteint, une panne d’électricité, etc., et nous nous grattons les cheveux parce que nous n'avons pas pu sauvegarder le travail.
En plus de la possibilité de télécharger votre code sur l'appareil ou en ligne, JdBEdit offre désormais la possibilité de créer un brouillon de votre code qu'il récupérera automatique au prochain chargement (ex : après actualisation, après des jours, etc.).
Ce brouillon contient le titre et la description du code et le code en soi et permet de stocker une copie du code sur lequel vous travaillez sur votre appareil, de sorte que vous ne perdez rien (même si vous êtes sans connexion internet).
Il n'y a aucuns délais d'expiration pour les brouillons.
Accès :
Menu A
>Edition
> Enregistrer un brouillonCtrl
+B
Le nouveau centre des notifications vous donne accès aux notifications persistantes, toutes en un seul lieu, afin de vous libérer de la place sur l'écran. Une fois le centre de notifications ouvert, toutes les notifications contenues sont marquées comme lues excepté la notification pour l'acceptation de l'utilisation des cookies qui résistera tant que vous n'avez pas accepté l'accord.
Accès :
- La cloche sur la barre de navigation,
Ctrl
+Alt
+0
Ajoutez désormais n'importe quelle bibliothèque CSS et ou JS à votre document en mettant le curseur à l'endroit où vous souhaitez insérer la balise (script
ou link
) du fichier de votre bibliothèque, ensuite, faites une recherche rapide sur CDNJS via le panneau Librairie.
Accès :
Menu A
>Edition
> Ajouter une ressource externe.- https://code.wetrafa.xyz/?modal=libraries
La nouvelle interface utilisateur du sélecteur de couleur JdBEdit est désormais disponible dans les sections de style HTML et en mode d'édition CSS. Vous avez une variété de choix de couleurs à découvrir en survolant tout simplement le curseur de votre souris sur le grand cadre de l'onglet Sélecteur de couleur. Cliquez sur la couleur active et obtenez son code et 10 autres dégradées de la couleur sélectionnée.
Accès :
Menu A
>Options
>Outils
> Sélecteur de couleur.- https://code.wetrafa.xyz/?modal=colorPicker
Le titre du fichier devient le titre de la page, ainsi les signets et les onglets du navigateur auront une étiquette significative. Ce titre peut être défini soit par une balise <title>Mon titre</title>
dans le document (si votre fichier est en HTML), soit JdBEdit génère un titre comme "JdBEdit_5755.html". Le nom du fichier doit contenir l'extension du langage par défaut de votre fichier afin d'appliquer la bonne colorisation du code. JdBEdit peut vous proposer aussi une extension pour les 4 langages (HTML, CSS, JavaScript et Markdown) pris en charge par l'éditeur.
Pour nommer votre fichier, rendez-vous dans le champ de texte se trouvant entre le bouton Exécuter
et le bouton valider
de la barre de navigation.
Lors de l'enregistrement (en ligne ou par téléchargement), si aucun nom n'est attribué à votre fichier, JdBEdit donnera alors automatiquement un nom à votre fichier.
Il y a une console JavaScript intégrée à l'éditeur JdBEdit - plus vraiment besoin d'ouvrir des outils de développement externes pour tester vos petits codes. Exécutez votre code JavaScript et faites noter dans la console le résultat de votre code (s'il doit y en avoir) en utilisant console.log
.
Exemple :
var person = {
name: "John",
skills: ["JavaScript", "HTML"]
};
console.log(person.name + " est fort en " +
person.skills.join(" et ") + " mais surtout en " +
person.skills[0]);
Accès :
Menu A
>Options
> ConsoleCtrl
+Alt
+C
- __https://code.wetrafa.xyz/?modal=console__
JdBEdit prend désormais en charge Emmet. Emmet est un plugin pour de nombreux éditeurs de texte populaires qui améliore considérablement le flux de travail HTML et CSS.
- Sa syntaxe s’inspire des sélecteurs CSS,
- Chaque abréviation est transformée au moment de l'exécution : il suffit de modifier légèrement son nom pour obtenir un résultat différent,
- Avec Emmet, vous pouvez écrire rapidement un tas de code, envelopper le code avec de nouvelles balises, parcourir et sélectionner rapidement des parties de code importantes et plus encore !
En HTML, essayez de taper ul.site-nav>li*4>a{Lien $}
et appuyez sur Tab
.
En CSS, essayez df
, ensuite Tab
et cela va se développer en display: flex;
.
Emmet est activable dans les paramètres de l'éditeur.
Ajoutez des bibliothèques CSS et JavaScript populaires à votre page en mettant le curseur à l'endroit où vous souhaitez insérer la balise, ensuite, sélectionnez la bibliothèque voulue depuis les paramètres.
Gardez une copie locale de votre code dans un fichier qui se chargera dans n'importe quel navigateur, au clic d'un bouton ou au glisser/déposer. Disponible au Menu A
> Fichier
> Télécharger.
Ne placez pas votre code dans 3 petites cases, utilisez une véritable page HTML pour éviter les problèmes d'importation et d'exportation quand vient le temps d'utiliser votre démo
Les paramètres de l'éditeur ont atterri, vous pouvez maintenant définir quelques points comme le niveau et l'unité d'indentation, la police du champ de code, la dissimulation des numéros de ligne, le thème, la taille et la famille de police de caractère, mode lecture seul, mode d'aperçu automatique, etc.
Étant donné que certains violoneux ne sont pas des amateurs énormes de choses automatiques, j'ai également ajouté la possibilité de désactiver la fermeture automatique des balises HTML et l'autocomplétion que vous pourrez réactiver quand vous le souhaitez.
De grandes nouvelles aujourd'hui, je commence à faire le changelog public pour mon éditeur, JdBEdit via lequel vous serez toujours mis au courant de toutes les mises à jour, améliorations et corrections qui seront faites sur code.wetrafa.xyz.
Même si je travaille tout le temps sur JdBEdit, parfois il peut sembler que peu de choses se passent. Ce changelog (journal des modifications) est ici pour améliorer cette partie très importante de la communication entre vous et moi.
Vous recevrez toujours une notification dans l'éditeur lorsque j'apporterai une modification dans l'application. Toutes les modifications, les plus importantes en tout cas, seront disponibles sur notre page publique du journal des modifications.