Syncfusion Angular Rich Text Editor

SyncfusionTexteditorenJavaScript

Ermöglichen Sie Rich-Text- und Markdown-Bearbeitung in Angular-Anwendungen.

  • Unterstützt sowohl HTML- als auch Markdown-Bearbeitungsmodi.
  • Enthält anpassbare Symbolleisten und Schnellaktionsmenüs.
  • Bietet eine Live-Markdown-Vorschau und umfangreiche Formatierungsfunktionen.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Angular Rich Text Editor Produktbild
Syncfusion Angular Rich Text Editor bietet Angular-Entwicklern eine vielseitige WYSIWYG-Bearbeitungsumgebung. Es unterstützt das Erstellen und Formatieren von Inhalten sowohl mit HTML- als auch mit Markdown-Syntax, mit anpassbaren Symbolleisten und Inline-Bearbeitungsmodi. Die Komponente ist so konzipiert, dass sie leichtgewichtig, modular und responsiv ist und sich problemlos an verschiedene Anwendungsanforderungen anpassen lässt.

Unterstützung für HTML-Bearbeitung

Ermöglicht Benutzern das Erstellen, Bearbeiten und Formatieren von Inhalten mit gültigem HTML-Markup und bietet einen integrierten HTML-Editor, der mit minimaler Konfiguration in Angular-Anwendungen eingebunden ist.

Markdown-Bearbeitung mit Live-Vorschau

Unterstützt die Bearbeitung von Markdown-Syntax mit Live-HTML-Vorschaufunktionen, wenn es mit Drittanbieter-Bibliotheken wie marked integriert wird, und ermöglicht so eine Echtzeitdarstellung der Markdown-Formatierung.

Anpassbare Symbolleiste

Bietet eine flexible Symbolleiste mit gängigen Formatierungsbefehlen, ermöglicht das Neuordnen, Hinzufügen oder Entfernen von Elementen und unterstützt Multirow-, Expand- und Floating-Modi zur Verwaltung von Überlauf und Barrierefreiheit.

Quick Toolbar für kontextbezogene Aktionen

Zeigt beim Auswählen von Inhalten, Bildern oder Links eine Schnellzugriffs-Symbolleiste an und bietet kontextabhängige Bearbeitungsbefehle direkt neben dem ausgewählten Element für eine effiziente Inhaltsverwaltung.

Inline-Bearbeitungsmodus

Ermöglicht das direkte Bearbeiten von Inhalten auf der Seite mit dynamisch sichtbaren Symbolleisten, die so angepasst werden können, dass sie bei Inhaltsauswahl oder Klick erscheinen und sich für Content-Management-Szenarien eignen.

Erweiterte Formatierungsstile

Enthält umfangreiche Formatierungsoptionen wie Überschriften, Zitate, Codeblöcke, Schriftstile, Farben, Ausrichtung, Einzüge und Textdekorationen wie Hoch- und Tiefgestellt.

Bildverwaltungsfunktionen

Unterstützt das Einfügen von Bildern aus lokalen oder entfernten Quellen mit Beschriftung, das Hochladen neuer Bilder und die Verwaltung von Bildeigenschaften wie Ausrichtung, Größe, Drehung, Alternativtext, Hyperlinks und Entfernen.

Hyperlink-Verarbeitung

Ermöglicht das Einfügen, Bearbeiten und Entfernen von Hyperlinks mit benutzerdefiniertem Anzeigetext, Tooltip-Konfiguration für Barrierefreiheit und automatischer URL-Umwandlung, ergänzt durch eine Quick Toolbar für Link-Aktionen.

Einfügen von Listen und Tabellen

Erleichtert das Erstellen geordneter und ungeordneter Listen sowie das Einfügen von Tabellen mit konfigurierbaren Zeilen und Spalten, um Inhalte im Editor effizient zu organisieren.

Zusätzliche Funktionen

Enthält Funktionen wie die Quellcodeansicht zum direkten Bearbeiten von HTML, Inhaltsvorschau, Drucken, Vollbildbearbeitung, Zwischenablageoperationen, Zeichenbegrenzungen, Verlauf für Rückgängig/Wiederholen, Integrationen von Drittanbietern, Unterstützung für Validierung und Iframe-Modus.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular