editor.js

editorjs.io | Dokumentation | Änderungsprotokoll

Um

Editor.js ist ein Open-Source-Texteditor, der eine Vielzahl von Funktionen bietet, mit denen Benutzer Inhalte effizient erstellen und formatieren können. Es verfügt über eine moderne Benutzeroberfläche im Blockstil, die es Benutzern ermöglicht, problemlos verschiedene Arten von Inhalten wie Text, Bilder, Listen, Zitate usw. hinzuzufügen und anzuordnen. Jeder Block wird über ein separates Plugin bereitgestellt, was Editor.js äußerst flexibel macht.

Editor.js gibt saubere JSON-Daten anstelle von umfangreichem HTML-Markup aus. Verwenden Sie es im Web, iOS, Android, AMP, Instant Articles, Sprachlesern und KI-Chatbots – überall. Einfach zu bereinigen, zu erweitern und in Ihre Logik zu integrieren.

• ? Moderne Benutzeroberfläche sofort einsatzbereit
• ? Bereinigen Sie die JSON-Ausgabe
• Gut gestaltete API
• ? Verschiedene Werkzeuge verfügbar
• ? Kostenlos und Open Source

Installation

Es ist ganz einfach:

1. Installieren Sie Editor.js
2. Installieren Sie die benötigten Tools
3. Instanz des Editors initialisieren

Installation mit NPM, Yarn oder CDN:

npm i @editorjs/editorjs

Tools auswählen und installieren:

• Überschrift
• Zitat
• Bild
• Einfaches Image (ohne Backend-Anforderung)
• Verschachtelte Liste
• Checkliste
• Link einbetten
• Einbettungen (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter usw.)
• Tisch
• Trennzeichen
• Warnung
• Code
• Rohes HTML
• Wird angehängt
• Marker
• Inline-Code

Sehen Sie das ? Tolle Editor.js-Liste für weitere Tools.

Initialisieren Sie den Editor:

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

 import EditorJS from '@editorjs/editorjs'

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

Einzelheiten zur Installation und Konfiguration finden Sie in der Dokumentation.

Daten speichern

Rufen Sie editor.save() auf und verarbeiten Sie das zurückgegebene Promise mit den gespeicherten Daten.

 const data = await editor . save ( )

Beispiel

Werfen Sie einen Blick auf example.html, um detailliertere Beispiele anzuzeigen.

Roadmap

• Einheitliche Symbolleisten
  • Block Tunes wurde nach links verschoben
  • Die Toolbox wird vertikal
  • Möglichkeit, mehrere Toolbox-Schaltflächen mit einem einzigen Tool anzuzeigen
  • Block Tunes werden vertikal
  • Block Tunes unterstützen verschachtelte Menüs
  • Block Tunes unterstützen Trennzeichen
  • Konvertierungsmenü zu den Block-Melodien hinzugefügt
  • Die einheitliche Symbolleiste unterstützt Hinweise
  • Die Konvertierungssymbolleiste verwendet die einheitliche Symbolleiste
  • Die Inline-Symbolleiste verwendet die einheitliche Symbolleiste
• Kollaborative Bearbeitung
  • Implementieren Sie das JSON-Format von Inline Tools
  • Betriebsbeobachter, Ausführender, Manager, Transformator
  • Implementieren Sie den Undo/Redo-Manager
  • Implementieren Sie Änderungen an der Tools-API
  • Implementieren Sie Server und Kommunikation
  • Aktualisieren Sie grundlegende Tools, um sie an die neue API anzupassen
• Weitere Funktionen
  • Blockiert Drag'n'Drop
  • Neue blockübergreifende Auswahl
  • Neue Cross-Block-Caret-Verschiebung
• Verbesserungen des Ökosystems
  • CodeX-Symbole – die Möglichkeit, alle Tools und Kernsymbole zu vereinheitlichen
  • Neue Homepage und Dokumente
  • @editorjs/create-tool für Tools-Bootstrapping
  • Editor.js DevTools – steht für Kern- und Werkzeugentwicklung
  • Editor.js Designsystem
  • Editor.js Preset Env
  • Editor.js ToolKit
  • Neues Kernbündelsystem
  • Neue Dokumentation und Anleitungen

Wie Editor.js?

Mit einer Spende an unser Team können Sie Projektverbesserungen und die Entwicklung neuer Funktionen unterstützen.

Spenden Sie über OpenCollective
Spenden Sie über Krypto
Spenden Sie über Patreon

Warum spenden?

Spenden für Open-Source-Produkte haben mehrere Vorteile für Ihr Unternehmen:

• Wenn Ihr Unternehmen auf Editor.js angewiesen ist, möchten Sie wahrscheinlich, dass es beibehalten wird
• Es hilft Editor.js, sich weiterzuentwickeln und die neuen Funktionen zu nutzen
• Wir können Mitwirkende und die Community rund um das Projekt unterstützen. Sie erhalten gut organisierte Dokumente, Leitfäden usw.
• Wir müssen für unsere Infrastruktur bezahlen und öffentliche Ressourcen (Domainnamen, Homepages, Dokumente usw.) verwalten. Die Unterstützung garantiert Ihnen, dass Sie jederzeit auf alle Ressourcen zugreifen können, wenn Sie sie benötigen.
• Sie können Werbung machen, indem Sie Ihre Markenwerte und Erwähnungen in unseren öffentlichen Ressourcen hinzufügen

Sponsoren

Unterstützen Sie uns, indem Sie Sponsor werden. Hier erscheint Ihr Logo mit einem Link zu Ihrer Website.

Werden Sie Sponsor

Unterstützer

Vielen Dank an alle unsere Unterstützer

Werden Sie Unterstützer

Mitwirkende

Dieses Projekt existiert dank aller Menschen, die dazu beitragen.

Brauchen Sie etwas Besonderes?

Stellen Sie CodeX-Experten ein, um technische Herausforderungen zu lösen und Ihre Produktanforderungen zu erfüllen.

• Lösen Sie ein Problem, das für Sie von großem Wert ist
• Implementieren Sie eine neue Funktion, die Ihr Unternehmen benötigt
• Hilfe bei der Integration oder Toolentwicklung
• Bieten Sie eine Beratung an

Kontaktieren Sie uns über [email protected] und teilen Sie uns Ihre Daten mit

Gemeinschaft

• Offizielle Tools
• Toller Editor.js
• Gute erste Aufgaben
• Mitwirken
• Telegram-Chat

Über CodeX

CodeX ist ein Team digitaler Spezialisten auf der ganzen Welt, die daran interessiert sind, hochwertige Open-Source-Produkte auf einem globalen Markt zu entwickeln. Wir sind offen für junge Menschen, die ihre Fähigkeiten ständig verbessern und sich durch Experimente mit Spitzentechnologien beruflich weiterentwickeln möchten.

	Verbinden	Twitter	Instagram
codex.so	codex.so/join	@codex_team	@codex_team