nib

FEDER

Demo

Trotz verschiedener Optionen für eine reiche Textbearbeitung in HTML ist es weiterhin äußerst herausfordernd. Ich fand, dass Prosemirror die beste verfügbare Lösung für das Problem ist. Es ist eine großartige Arbeit des Autors Marijn Haverbeke.

Das Projekt ist immer noch viel Arbeit, wenn ein Redakteur aus einem Framework ausgestattet ist. Das Projekt zielt darauf ab, Komponenten für eine reiche Textbearbeitung mithilfe von Prosemirror zu bauen. Diese Komponenten können schnell in React- oder sogar nicht reagierte Anwendungen integriert werden.

Die NIB verfügt nicht nur über gute Funktionen zur Bearbeitungsfunktionen von Text, sondern befasst sich auch mit komplexen Bearbeitungsanforderungen wie der Verfolgung von Änderungen an einem Dokument, dem Hinzufügen von Kommentaren in Dokument, kollaborativen Bearbeitung und vielem mehr ...

Aufstellen

Die Einrichtung des Herausgebers ist ganz einfach. Es muss von npm installiert werden.

Pakete installieren:

Entweder können npm oder yarn verwendet werden.

 npm i nib-core --save

Schreibeditorskomponente:

 import React from "react";
import Editor from "nib-core";

const MyEditor = () => <Editor />;

Bitte beachten Sie, dass die LIB keine Serverseite funktioniert.

Requisiten

Requisiten, die vom Herausgeber unterstützt werden.

S.no.	Name	Beschreibung
1	Addons	Plugins -Array zum Hinzufügen von Funktionen zum Core -Editor
2	Autofokus	standardmäßig den Editor fokussieren
3	Konfiguration	Konfigurieren des Plugins, der Symbolleiste usw. im Editor finden Sie Standardkonfigurationen
4	StandardValue	Wert zum Initialisieren von Editor -Inhalten
5	Lizenzkey	Lizenzschlüssel für den NIB -Editor
6	aufchange	Rückruf, der zu jeder Änderung des Editors aufgerufen wird
7	Rechtschreibprüfung	Boolesche Eigenschaft, um den Standard -Browser -Rechtschreibprüfung im Editor zu aktivieren
8	Styleconfig	Wird verwendet, um detailliertere Stiländerungen im Editor vorzunehmen. Hier ist der Standardwert
9	Thema	Themen des Herausgebers, hier ist das Standardthema

Merkmale

1. Unterstützung für fast alle Browser und Geräte
2. Mehrere reichhaltige Text -Styling -Optionen wie mutige, kursive, unterstreichende, streikende, superscript, textfarbe, füllfarbene usw.
3. Unterstützung für verschiedene Blocktypen Absatz, H1 - H6, Blockquote usw.
4. Unterstützung für Hyperlinks
5. Unterstützung für verschachtelte geordnete und ungeordnete Listen
6. Unterstützung für Bilder mit Optionen wie Verpackung, Ausrichtung, Neugröße oder Verknüpfung von Bildern
7. Unterstützung für den Inline -Modus mit schwimmender Symbolleiste
8. Unterstützung für die angepasste Anzeige - vollständige Seite, Wort wie Anzeige usw.
9. Veränderungen zulassen und wiederholen.
10. Hilfemenü mit der Anzeige unterstützte Formatierungsoptionen und deren Tastaturverknüpfungen
11. Ändern des Aussehens und Gefühls des Herausgebers mit verschiedenen Themen
12. Umwandeln
13. Umwandeln Sie Prosemirror JSON in und von HTML
14. Quellcode -Bearbeitung
15. Tabelle mit Voraboptionen wie Spalten/Zeile hinzufügen/entfernen, die Größe der Größe der Größe der Spalten usw.
16. Unterstützung für das Anzeigen von Videos aus Quellen wie YouTube oder Vimeo
17. Flexibilität zum Hinzufügen von benutzerdefiniertem Plugin
18. Die Veränderungen von Dokumenten zusammen mit allen Metadaten, die über die Änderung wie Benutzername, Zeitstempel usw. gespeichert wurden, usw.
19. Hinzufügen / Bearbeiten von Kommentaren zum Dokumentieren
20. Kollaborative Bearbeitung mit mehreren Benutzern auf demselben Dokument

Lizenz

GNU Allgemeine öffentliche Lizenz.

Kontakt

Für Details oder Abfragen senden Sie eine E -Mail an [email protected].