1. Accueil
  2. Projets
  3. Editor Vivo
Editor Vivo · Outil du studio

Outil pour modifier des pages web à la souris, sans toucher au code

Une couche d’édition qui s’ouvre sur n’importe quel site en développement : vous cliquez, déplacez, modifiez textes ou images, et la modification est reportée dans le code réel, avec des captures avant et après.

Je veux un projet similaire
Statut
Usage interne
Type
Outil maison
Plateforme
Poste de travail (navigateur local)
Année
2026
Capture d’écran de Editor Vivo
Le projet en 30 secondes

Ce qu’il résout et pour qui

01

Problème

Demander une modification visuelle par écrit — « monte un peu ceci », « change cette photo » — est lent et ambigu, et cela fait souvent plusieurs allers-retours avant d’être correct.

02

Solution

Le site s’ouvre avec une couche d’édition par-dessus. Chaque enregistrement consigne précisément ce qui a changé, avec images optimisées et captures, et l’assistant de code l’applique au vrai projet.

03

Pour qui

Équipes qui retouchent des sites web au quotidien. Aujourd’hui, c’est l’outil avec lequel le studio lui-même ajuste ses livrables.

Ce qu’il fait

Du clic à la modification du code

01

Sélectionnez et agissez

Vous survolez, cliquez et une barre apparaît pour déplacer, modifier le texte, supprimer ou remplacer l’image de l’élément.

Sélectionnez et agissez
02

Modifiez le texte directement sur la page

Vous écrivez par-dessus le texte et voyez le résultat aussitôt, avec annuler, rétablir et un compteur de modifications en attente sur le bouton Enregistrer.

Modifiez le texte directement sur la page
03

Enregistre l’intention, pas le code

Chaque enregistrement génère un paquet avec les modifications, les images optimisées et des captures avant et après, prêt à être appliqué au site.

04

Sûr par conception

Ne fonctionne que sur l’ordinateur de la personne qui édite et rejette tout enregistrement qui ne provient pas de sa propre page.

En chiffres

Ce qui a été construit

Mesuré par des tests
158 tests automatiques + 8 en navigateur réel

Tous au vert à la clôture du développement.

Mesuré par des tests
6 tentatives d’enregistrement non autorisé bloquées sur 6

Test d’attaque rejoué lors de l’audit : aucune n’a abouti à l’écriture d’un fichier.

Comment il est fait

La technologie en coulisses

Technologie
Node.jsTypeScriptPlaywrightsharp
Détail technique

Application en ligne de commande qui se place devant le serveur local du site, injecte la couche d’édition et enregistre un paquet avec un manifeste validé des modifications. L’assistant de code du studio lit ce paquet et applique les changements.

Galerie

Plus d’écrans du produit

Inspection au survol
Barre d’édition de l’élément
Modifications prêtes à enregistrer
Votre projet

Besoin de quelque chose comme Editor Vivo ?

Décrivez-nous l’idée en deux lignes. Nous vous répondons avec un périmètre, un délai et une première proposition.

Lancer un projet Essayer le Concept Engine
Continuez à explorer

Autres projets