L'éditeur de texte qui fait respecter les règles
Écrivez librement.
Imposez des règles quand vous en avez besoin.
NGTextEditor est un éditeur de texte intégrable qui permet soit une utilisation libre, soit une utilisation strictement cadrée grâce à une configuration simple. Il empêche les contenus incohérents, les dérives de mise en forme et les erreurs qui finissent par casser vos interfaces.
Un éditeur pensé pour protéger vos contenus, pas juste les formater.
Les éditeurs classiques laissent trop de liberté
Dans la plupart des applications :
- Les utilisateurs peuvent tout faire
- Les règles sont implicites
- La charte graphique est contournée
- Le HTML devient incohérent
- Le support et la maintenance explosent
Les éditeurs généralistes espèrent que tout se passe bien.
En pratique, ce n'est jamais le cas.
Un éditeur gouverné par des règles explicites
NGTextEditor fonctionne différemment.
Au lieu d'exposer toutes les options possibles, il s'appuie sur une configuration déclarative (JSON) qui définit précisément :
- Ce qui est autorisé
- Ce qui est interdit
- Comment le contenu doit être structuré
L'éditeur applique ces règles en temps réel. L'utilisateur ne peut pas sortir du cadre.
"media": { "link": true, "image": { "activate": true, "allowImageUrl": true, "allowDragNDrop": true, "allowRotation": true, "allowOpacity": true, "allowBorder": true }, "video": { "activate": true, "allowBorder": false }, "table": true, "columns": { "activate": true, "maxNumberOfColumns": 3, "allowBorder": true }, "emoji": true }
Comment ça marche
Un seul moteur, deux modes d'utilisation
Mode libre
Tous les outils disponibles
Parfait pour :
- Blogs
- Sites personnels
- Side-projects
Aucun verrou inutile
Mode gouverné
Outils et styles strictement contrôlés
Alignement avec :
- Charte graphique
- Règles produit
- Types de contenu
Idéal pour :
- Entreprises
- Équipes
- Applications multi-utilisateurs
Le même éditeur s'adapte à la maturité de votre produit.
Un éditeur basé sur des blocs et une grille
Une approche structurée pour des contenus maîtrisés
Contrairement aux éditeurs classiques, NGTextEditor fonctionne avec un système de blocs positionnés sur une grille de 12 colonnes. Cette approche garantit un contrôle total sur la mise en page et la structure du contenu.
Comment ça fonctionne
- Clic droit dans la zone d'édition
- Choisissez le type de bloc : texte ou média
- Définissez la largeur du bloc (10% à 100%)
- Validez : une grille visuelle apparaît
- Cliquez sur la position souhaitée dans la grille
- Créez votre contenu dans le bloc
Pour rédiger du texte, créer des listes, insérer des citations, appliquer des styles...
Pour insérer des images, vidéos, tableaux ou colonnes
La grille de positionnement
Lors de la création ou du déplacement d'un bloc, une grille visuelle s'affiche :
- Cases vertes : positions disponibles pour placer votre bloc
- Cases rouges : positions occupées par d'autres blocs
- Zones "Insérer une ligne ici" et "Nouvelle ligne" pour gérer les lignes
Repositionner ou configurer un bloc
Chaque bloc possède un bouton engrenage (⚙) en haut à gauche. Cliquez dessus pour accéder aux options : repositionner le bloc sur la grille ou modifier sa configuration (largeur, image de fond, suppression).
Survolez un bloc pour voir le bouton engrenage (⚙). Un seul bouton regroupe toutes les options : repositionner, configurer ou supprimer. Interface épurée pour une zone d'édition non encombrée.
Les avantages de cette approche
- Mise en page précise grâce à la grille de 12 colonnes
- Éléments côte à côte facilement (ex: image 50% + texte 50%)
- Réorganisation facile via le bouton de configuration
- Structure de document flexible et modulaire
- Export HTML et PDF fidèle à ce qui est édité
- Possibilité d'imbriquer des blocs dans des blocs
- Utilisez "Contours des blocs" dans la barre d'outils pour visualiser les limites
- Les blocs passent automatiquement à la ligne si l'espace est insuffisant
- Imbriquez des blocs pour des mises en page complexes
Ce que NGTextEditor empêche (et c'est volontaire)
Moins de liberté inutile.
Moins de bugs.
Moins de support.
Ce que vous gagnez concrètement
Pour les développeurs
- Intégration simple
- Comportement prévisible
- Moins de cas à gérer
- Contenu exploitable côté front et API
- Entièrement testé (unitaire + fonctionnel) : fiable et maintenable
Pour les équipes produit / design
- Respect automatique de la charte
- Cohérence globale
- Aucun rappel manuel à faire
- Détection automatique des couleurs du site pour les ajouter à la palette
Pour les utilisateurs finaux
- Interface claire
- Impossible de "mal faire"
- Moins de frustration
Cas d'usage typiques
Si votre contenu doit rester cohérent, stable et maintenable, NGTextEditor est fait pour vous.
Positionnement assumé
NGTextEditor n'est pas :
- Un éditeur "tout-en-un"
- Un clone d'éditeur existant
- Un mini Word dans un navigateur
C'est :
Un éditeur qui applique des règles plutôt que de compter sur la discipline des utilisateurs.
Commencez simplement
Intégrez NGTextEditor
Utilisez-le librement
Ajoutez des règles quand vous en avez besoin
Les bons outils donnent du pouvoir.
Les meilleurs outils empêchent les erreurs.