Plugins für den TinyMCE-HTML-Editor konfigurieren

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 3 Minuten Lesedauer
  • Der TinyMCE-HTML-Editor ist ein leistungsstarker, flexibler und anpassbarer Rich-Text-Editor. Sie können den Editor mithilfe von Plugins konfigurieren und erweitern.

    Tabelle : 1. Im TinyMCE-HTML-Editor unterstützte Plugins
    Plugin-Name Beschreibung
    a11ychecker Ermöglicht es Ihnen, den HTML-Code im Editor auf verschiedene Probleme mit der Barrierefreiheit gemäß WCAG und Abschnitt 508 zu überprüfen. Verfügt über eine automatische Reparaturfunktion, mit der der Benutzer identifizierte Probleme beheben kann.
    Akkordeon Ermöglicht die Erstellung von Abschnitten in einem Dokument, die erweitert oder reduziert werden können, um zusätzlichen Inhalt ein- oder auszublenden.
    advlist Erweitert die Steuerelemente der Symbolleisten „Bulletin“ und „Numlist“ durch Hinzufügen zusätzlicher CSS-Listenformate und Aufzählungstypen zu den Steuerelementen.
    align_listitems Überprüft, ob Aufzählungszeichen und Zahlen am Inhalt ausgerichtet sind.
    Anker Fügt der Symbolleiste eine Anker-/Lesezeichen-Schaltfläche hinzu, die einen Anker am Einfügepunkt des Editor-Cursors einfügt. Außerdem wird das Menüelement Anker unter dem Menü Einfügen hinzugefügt.
    Autolink Erstellt automatisch Hyperlinks, wenn Sie eine gültige, vollständige URL eingeben. Beispiel: www.beispiel.com wird in http://www.beispiel.comkonvertiert.
    automatische Größenanpassung Passt die Größe des Editors automatisch an den darin enthaltenen Inhalt an. Es wird normalerweise verwendet, um zu verhindern, dass der Editor unbegrenzt erweitert wird, wenn Sie Text in den bearbeitbaren Bereich eingeben.
    -Charmap Fügt dem Editor ein Dialogfeld mit einer Zuordnung von Unicode-Sonderzeichen hinzu, die nicht direkt über die Tastatur hinzugefügt werden können.
    Codespiegel Bietet einen erweiterten Code-Editor als der Standardtextbereich.
    Codebeispiel Fügen Sie in Syntaxfarbe hervorgehobene Codefragmente ein, und betten Sie sie in den bearbeitbaren Bereich ein. Außerdem wird der Symbolleiste eine Schaltfläche hinzugefügt, die ein Dialogfeld zur Eingabe von Rohcode öffnet.
    Direktionalität Fügt der Symbolleiste Richtungssteuerungen hinzu, wodurch TinyMCE Sprachen, die von rechts nach links geschrieben werden, besser verarbeiten kann. Außerdem wird für jeden seiner Werte eine Symbolleistenschaltfläche hinzugefügt, ltr für Text von links nach rechts und rtl für Text von rechts nach links.
    Emotes Fügt dem Editor ein Dialogfeld hinzu, mit dem Sie Emojis in den bearbeitbaren TinyMCE-Bereich einfügen können.
    Vollbild Fügt TinyMCE Vollbildbearbeitungsfunktionen hinzu. Wenn Sie auf die Symbolleistenschaltfläche klicken, füllt der bearbeitbare Bereich den Viewport des Browsers.
    Bild Ermöglicht das Einfügen eines Bilds in den Bearbeitungsbereich von TinyMCE.
    Einfügedatum/-zeit Stellt eine Symbolleistensteuerung und ein Menüelement bereit, mit dem Sie das aktuelle Datum und die aktuelle Uhrzeit in den bearbeitbaren Bereich an der Einfügemarke des Cursors einfügen können.
    Link Ermöglicht Ihnen das Verknüpfen externer Ressourcen, z. B. Website-URLs, mit ausgewähltem Text im jeweiligen Dokument.
    Listen Ermöglicht das Hinzufügen von nummerierten Listen und Listen mit Aufzählungszeichen zu TinyMCE. Um erweiterte Listen zu aktivieren, z. B. alphabetische Listen und Aufzählungszeichen, sollten Sie auch das Plugin „Erweiterte Liste“ (advlist) aktivieren.
    Medien Ermöglicht das Hinzufügen von HTML5-Video- und Audioelementen zum Bearbeitungsbereich.
    bruchsicher Fügt eine Schaltfläche zum Einfügen von geschützten Platzentitäten hinzu, z. B. am Einfügepunkt des Cursors. Außerdem werden unter der Menü-Dropdown-Liste Einfügen ein Menüelement „Geschützter Bereich“ und eine Symbolleistenschaltfläche hinzugefügt.
    Seitenumbruch Fügt Unterstützung für Seitenumbrüche hinzu und ermöglicht das Einfügen von Seitenumbrüchen im bearbeitbaren Bereich. Diese Funktion ist nützlich, wenn ein CMS ein spezielles Trennzeichen verwendet, um Inhalte in Seiten aufzuteilen.
    Vorschau Fügt der Symbolleiste eine Vorschauschaltfläche hinzu, die ein Dialogfeld öffnet, das den aktuellen Inhalt in einem Vorschaumodus anzeigt.
    schreibgeschützt ohne Rahmen Aktiviert einen schreibgeschützten Modus für HTML-Feldtypen.
    SuchenErsetzen Fügt TinyMCE Dialogfelder zum Suchen und Ersetzen hinzu.
    Tabelle Fügt TinyMCE Tabellenverwaltungsfunktionen hinzu, einschließlich Dialogfeldern, Kontextmenüs, Kontextsymbolleisten, Menüelementen und Symbolleistenschaltflächen.
    Inhaltsverzeichnis Generiert ein einfaches Inhaltsverzeichnis und fügt es an der Einfügestelle des Cursors in den Editor ein. ToC-Einträge werden aus Header-Elementen im Inhalt generiert.
    visualblocks Ermöglicht es Ihnen, Elemente auf Blockebene im bearbeitbaren Bereich anzuzeigen.
    visualchars Fügt die Möglichkeit hinzu, nicht sichtbare Zeichen wie im bearbeitbaren Bereich anzuzeigen.
    Wortanzahl

    Fügt dem TinyMCE-Editor die Funktion zum Zählen von Wörtern hinzu.

    Hinweis:
    Dieses Plugin wird in Arbeitsbereichen nicht mehr unterstützt.
    PowerPaste Bereinigt Inhalte aus Microsoft Word- , Microsoft Excel-, Google -Dokumenten und HTML-Quellen automatisch, um saubere Inhalte zu erstellen, die dem Erscheinungsbild der Website entsprechen.
    Hinweis:
    Das Hinzufügen eines anwenderdefinierten Plugins zu den gültigen Plugins kann zu unerwarteten Ergebnissen führen.

    Ändern Sie die TinyMCE-HTML-Editor-Plugins

    Konfigurieren Sie die TinyMCE-Plugins in unseren Arbeitsbereichen.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Prozedur

    1. Navigieren zu Alle > Systemeigenschaften > UI-Eigenschaften.
    2. Aktualisieren Sie die Plugin-Konfiguration für die Eigenschaft HTML-Feld (TinyMCE v6.8.3) (glide.ui.html.editor.enabled_plugins), um Plugins zu konfigurieren.

      Verwenden Sie einen vertikalen Balken („|“), um ein Abschnittstrennzeichen hinzuzufügen.

      Tabelle : 2. Plugins für den TinyMCE-HTML-Editor
      Typ Plugins
      Standard-Plugins
      • Akkordeon
      • advlist
      • align_listitems
      • Anker
      • Autolink
      • automatische Größenanpassung
      • -Charmap
      • Codespiegel
      • Codebeispiel
      • Direktionalität
      • Emotes
      • Vollbild
      • Bild
      • Einfügedatum/-zeit
      • Link
      • Listen
      • Medien
      • bruchsicher
      • Seitenumbruch
      • Vorschau
      • schreibgeschützt ohne Rahmen
      • SuchenErsetzen
      • Tabelle
      • Inhaltsverzeichnis
      • visualblocks
      • visualchars
      • Wortanzahl
      Aktivierte Plugins
      • a11ychecker
      • Akkordeon
      • advlist
      • align_listitems
      • Anker
      • Autolink
      • -Charmap
      • Codespiegel
      • Codebeispiel
      • Direktionalität
      • Emotes
      • Vollbild
      • Bild
      • Einfügedatum/-zeit
      • Link
      • Listen
      • Medien
      • bruchsicher
      • Seitenumbruch
      • Vorschau
      • schreibgeschützt ohne Rahmen
      • SuchenErsetzen
      • Tabelle
      • Inhaltsverzeichnis
      • visualblocks
      • visualchars
      • Wortanzahl
    3. Nehmen Sie Änderungen (Hinzufügen/Entfernen) in der Eigenschaft „Aktivierte Plugins“ vor.
    4. Wählen Sie Speichern.
      Wenn aktivierten Plugins ein anwenderdefiniertes Plugin hinzugefügt wird, wird dies nicht empfohlen, es sei denn, es ist kritisch.