Der Texteditor, der Regeln durchsetzt

Schreiben Sie frei.
Setzen Sie Regeln durch, wenn Sie sie brauchen.

NGTextEditor ist ein integrierbarer Texteditor, der entweder freie Nutzung oder streng kontrollierte Nutzung durch einfache Konfiguration ermöglicht. Er verhindert inkonsistente Inhalte, Formatierungsabweichungen und Fehler, die Ihre Oberflächen beschädigen.

Ein Editor, der Ihre Inhalte schützt, nicht nur formatiert.

Demo ansehen Dokumentation lesen

Klassische Editoren erlauben zu viel Freiheit

In den meisten Anwendungen:

  • Benutzer können alles machen
  • Regeln sind implizit
  • Corporate Design wird umgangen
  • HTML wird inkonsistent
  • Support und Wartung explodieren

Generische Editoren hoffen, dass alles gut geht.

In der Praxis ist das nie der Fall.

Ein Editor mit expliziten Regeln

NGTextEditor funktioniert anders.

Anstatt alle möglichen Optionen anzubieten, basiert er auf einer deklarativen Konfiguration (JSON), die genau definiert:

  • Was erlaubt ist
  • Was verboten ist
  • Wie Inhalte strukturiert werden sollen

Der Editor wendet diese Regeln in Echtzeit an. Benutzer können den Rahmen nicht verlassen.

// Deklarative Konfiguration 
"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
}

Wie es funktioniert

Ein Motor, zwei Nutzungsmodi

Freier Modus

Alle Werkzeuge verfügbar

Perfekt für:

  • Blogs
  • Persönliche Websites
  • Nebenprojekte

Keine unnötigen Sperren

Gesteuerter Modus

Streng kontrollierte Werkzeuge und Stile

Ausrichtung auf:

  • Corporate Design
  • Produktregeln
  • Inhaltstypen

Ideal für:

  • Unternehmen
  • Teams
  • Multi-User-Anwendungen

Derselbe Editor passt sich der Reife Ihres Produkts an.

Ein block- und rasterbasierten Editor

Ein strukturierter Ansatz für kontrollierte Inhalte

Im Gegensatz zu klassischen Editoren arbeitet NGTextEditor mit einem Blocksystem, das auf einem 12-Spalten-Raster positioniert wird. Dieser Ansatz garantiert vollständige Kontrolle über Layout und Inhaltsstruktur.

So funktioniert es

  1. Rechtsklick im Bearbeitungsbereich
  2. Wählen Sie den Blocktyp: Text oder Medien
  3. Legen Sie die Blockbreite fest (10% bis 100%)
  4. Bestätigen: Ein visuelles Raster erscheint
  5. Klicken Sie auf die gewünschte Position im Raster
  6. Erstellen Sie Ihren Inhalt im Block
Textblock

Zum Schreiben von Text, Erstellen von Listen, Einfügen von Zitaten, Anwenden von Stilen...

Medienblock

Zum Einfügen von Bildern, Videos, Tabellen oder Spalten

Das Positionierungsraster

Beim Erstellen oder Verschieben eines Blocks erscheint ein visuelles Raster:

  • Grüne Zellen : verfügbare Positionen zum Platzieren Ihres Blocks
  • Rote Zellen : von anderen Blöcken belegte Positionen
  • "Hier Zeile einfügen" und "Neue Zeile" Bereiche zur Zeilenverwaltung

Block neu positionieren oder konfigurieren

Jeder Block hat eine Zahnrad-Schaltfläche (⚙) oben links. Klicken Sie darauf, um auf die Optionen zuzugreifen: Block im Raster neu positionieren oder Konfiguration ändern (Breite, Hintergrundbild, Löschen).

Blockverwaltung
Fahren Sie über einen Block, um die Zahnrad-Schaltfläche (⚙) zu sehen. Eine einzige Schaltfläche gruppiert alle Optionen: neu positionieren, konfigurieren oder löschen. Saubere Oberfläche für einen übersichtlichen Bearbeitungsbereich.

Vorteile dieses Ansatzes

  • Präzises Layout mit dem 12-Spalten-Raster
  • Elemente einfach nebeneinander (z.B. 50% Bild + 50% Text)
  • Einfache Neuorganisation über die Konfigurations-Schaltfläche
  • Flexible und modulare Dokumentstruktur
  • HTML- und PDF-Export getreu dem Bearbeiteten
  • Möglichkeit, Blöcke in Blöcken zu verschachteln
Tipps
  • Verwenden Sie "Blockumrisse" in der Symbolleiste, um Grenzen zu visualisieren
  • Blöcke wechseln automatisch in die nächste Zeile, wenn nicht genug Platz ist
  • Verschachteln Sie Blöcke für komplexe Layouts

Was NGTextEditor verhindert (und das ist beabsichtigt)

Inkonsistente Stile
Unvorhersehbares HTML
Unsauberes Kopieren-Einfügen
Design-Abweichungen
Nicht wartbare Inhalte

Weniger unnötige Freiheit.

Weniger Bugs.

Weniger Support.

Was Sie konkret gewinnen

Für Entwickler

  • Einfache Integration
  • Vorhersehbares Verhalten
  • Weniger Sonderfälle zu behandeln
  • Inhalte nutzbar für Frontend und API
  • Vollständig getestet (Unit + Functional): zuverlässig und wartbar

Für Produkt-/Design-Teams

  • Automatische Markenkonformität
  • Globale Konsistenz
  • Keine manuellen Erinnerungen nötig
  • Automatische Erkennung der Website-Farben zur Palette hinzufügen

Für Endbenutzer

  • Klare Oberfläche
  • Unmöglich, es "falsch zu machen"
  • Weniger Frustration

Typische Anwendungsfälle

CMS oder Anwendungs-Backend
Kontrollierte Marketing-Inhalte
Onboarding-Seiten
Strukturierte FAQs
Interne Dokumentation
Multi-User-Inhalte

Wenn Ihre Inhalte konsistent, stabil und wartbar bleiben müssen, ist NGTextEditor für Sie gemacht.

Klare Positionierung

NGTextEditor ist nicht:

  • Ein "All-in-One"-Editor
  • Ein Klon eines bestehenden Editors
  • Ein Mini-Word im Browser

Es ist:

Ein Editor, der Regeln durchsetzt, anstatt sich auf die Disziplin der Benutzer zu verlassen.

Starten Sie einfach

Integrieren Sie NGTextEditor

Nutzen Sie ihn frei

Fügen Sie Regeln hinzu, wenn Sie sie brauchen

Mit NGTextEditor starten Dokumentation & Konfiguration

Gute Werkzeuge geben Macht.

Die besten Werkzeuge verhindern Fehler.