editor.js

éditeurjs.io | documentation | journal des modifications

À propos

Editor.js est un éditeur de texte open source offrant une variété de fonctionnalités pour aider les utilisateurs à créer et formater efficacement du contenu. Il possède une interface moderne de style bloc qui permet aux utilisateurs d'ajouter et d'organiser facilement différents types de contenu, tels que du texte, des images, des listes, des citations, etc. Chaque bloc est fourni via un plugin séparé, ce qui rend Editor.js extrêmement flexible.

Editor.js génère des données JSON propres au lieu d'un balisage HTML lourd. Utilisez-le sur le Web, iOS, Android, AMP, les articles instantanés, les lecteurs vocaux, les chatbots IA — partout. Facile à nettoyer, à étendre et à intégrer à votre logique.

• ? Interface utilisateur moderne prête à l'emploi
• ? Nettoyer la sortie JSON
• API bien conçue
• ? Divers outils disponibles
• ? Gratuit et open source

Installation

C'est assez simple :

1. Installer Editor.js
2. Installez les outils dont vous avez besoin
3. Initialiser l'instance de l'éditeur

Installez à l'aide de NPM, Yarn ou CDN :

npm i @editorjs/editorjs

Choisissez et installez les outils :

• Titre
• Citation
• Image
• Image simple (sans exigence de backend)
• Liste imbriquée
• Liste de contrôle
• Lien intégré
• Intégrations (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter, etc.)
• Tableau
• Délimiteur
• Avertissement
• Code
• HTML brut
• Attache
• Marqueur
• Code en ligne

Voir le ? Superbe liste Editor.js pour plus d'outils.

Initialisez l'éditeur :

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

Voir les détails sur l'installation et la configuration dans la documentation.

Sauvegarde des données

Appelez editor.save() et gérez la promesse renvoyée avec les données enregistrées.

 const data = await editor . save ( )

Exemple

Jetez un œil au fichier example.html pour voir des exemples plus détaillés.

Feuille de route

• Barres d'outils unifiées
  • Block Tunes a été déplacé vers la gauche
  • La boîte à outils devient verticale
  • Possibilité d'afficher plusieurs boutons de la boîte à outils par un seul outil
  • Les Block Tunes deviennent verticaux
  • Block Tunes prend en charge les menus imbriqués
  • Block Tunes prend en charge les séparateurs
  • Menu de conversion ajouté aux Block Tunes
  • La barre d'outils unifiée prend en charge les astuces
  • La barre d'outils de conversion utilise la barre d'outils unifiée
  • La barre d'outils en ligne utilise la barre d'outils unifiée
• Édition collaborative
  • Implémenter le format JSON des outils en ligne
  • Observateur des Opérations, Exécuteur, Manager, Transformateur
  • Implémenter le gestionnaire d'annulation/rétablissement
  • Implémenter les modifications de l'API Outils
  • Implémenter le serveur et la communication
  • Mettre à jour les outils de base pour s'adapter à la nouvelle API
• Autres fonctionnalités
  • Bloque le glisser-déposer
  • Nouvelle sélection inter-blocs
  • Nouveau déplacement du curseur entre blocs
• Améliorations de l'écosystème
  • Icônes CodeX – le moyen d'unifier tous les outils et icônes principales
  • Nouvelle page d'accueil et nouveaux documents
  • @editorjs/create-tool pour l'amorçage des outils
  • Editor.js DevTools - représente le développement de base et d'outils
  • Système de conception Editor.js
  • Env prédéfini Editor.js
  • Kit d'outils Editor.js
  • Nouveau système de bundle de base
  • Nouvelle documentation et guides

Vous aimez Editor.js ?

Vous pouvez soutenir l’amélioration du projet et le développement de nouvelles fonctionnalités en faisant un don à notre équipe.

Faire un don via OpenCollective
Faire un don via Crypto
Faire un don via Patreon

Pourquoi faire un don

Les dons à des produits open source présentent plusieurs avantages pour votre entreprise :

• Si votre entreprise s'appuie sur Editor.js, vous souhaiterez probablement qu'il soit maintenu
• Cela aide Editor.js à évoluer et à obtenir les nouvelles fonctionnalités
• Nous pouvons accompagner les contributeurs et la communauté autour du projet. Vous recevrez des documents, des guides, etc. bien organisés.
• Nous devons payer pour notre infrastructure et maintenir des ressources publiques (noms de domaine, pages d'accueil, documents, etc.). Le prendre en charge vous garantit d’accéder à toutes les ressources au moment où vous en avez besoin.
• Vous pouvez faire de la publicité en ajoutant les actifs de votre marque et des mentions sur nos ressources publiques

Commanditaires

Soutenez-nous en devenant sponsor. Votre logo apparaîtra ici avec un lien vers votre site Web.

Devenez parrain

Bailleurs de fonds

Merci à tous nos contributeurs

Devenez contributeur

Contributeurs

Ce projet existe grâce à toutes les personnes qui y contribuent.

Besoin de quelque chose de spécial ?

Embauchez des experts CodeX pour résoudre les défis techniques et répondre aux exigences de votre produit.

• Résoudre un problème qui a une grande valeur pour vous
• Implémenter une nouvelle fonctionnalité requise par votre entreprise
• Aide à l'intégration ou au développement d'outils
• Fournir toute consultation

Contactez-nous via [email protected] et partagez vos coordonnées

Communauté

• Outils officiels
• Génial Editor.js
• Bonnes premières tâches
• Contribuer
• Chat par télégramme

À propos de CodeX

CodeX est une équipe de spécialistes du numérique du monde entier intéressés par la création de produits open source de haute qualité sur un marché mondial. Nous sommes ouverts aux jeunes qui souhaitent améliorer constamment leurs compétences et évoluer professionnellement grâce à des expériences sur des technologies de pointe.

	Rejoindre	Gazouillement	Instagram
codex.so	codex.so/join	@codex_team	@codex_team