Plugins für den TinyMCE-HTML-Editor konfigurieren

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 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
    Akkordeon Aktiviert die Erstellung von Abschnitten in einem Dokument, die erweitert oder reduziert werden können, um zusätzlichen Inhalt ein- oder auszublenden.
    advlist Eerweitert die zentralen Steuerelemente der Symbolleiste „bullist“ und „numlist“ durch Hinzufügen zusätzlicher CSS-Listenformate und Aufzählungstypen zu den Steuerelementen.
    align_listitems Bestätigt, dass Aufzählungszeichen und Zahlen am Inhalt ausgerichtet sind.
    Anker Einfügt der Symbolleiste eine Anker-/Lesezeichen-Schaltfläche hinzu, die am Cursor-Einfügepunkt des Editors einen Anker einfügt. Außerdem wird das Menüelement Anker unter dem Menü Einfügen hinzugefügt.
    Autolink Cerstellt Hyperlinks automatisch, wenn Sie eine gültige, vollständige URL eingeben. Beispiel: , www.example.com wird in http://www.example.comkonvertiert.
    automatische Größenanpassung Rpasst die Größe des Editors automatisch an den darin enthaltenen Inhalt an. Es'wird normalerweise verwendet, um zu helfen, zu verhindern, dass sich der Editor unbegrenzt erweitert, wenn Sie Text in den bearbeitbaren Bereich eingeben.
    -Charmap Mitwird dem Editor ein Dialogfeld mit einer Zuordnung von Unicode-Sonderzeichen hinzugefügt, die nicht direkt über die Tastatur hinzugefügt werden können.
    Codespiegel Stellt einen erweiterteren Code-Editor als den Standardtextbereich bereit.
    Codebeispiel Ichnfüge Codefragmente mit Syntaxfarbe in den bearbeitbaren Bereich ein, und bette sie ein. Außerdem wird der Symbolleiste eine Schaltfläche hinzugefügt, mit der ein Dialogfeld] als [] zur Eingabe von Rohcode öffnet.
    Direktionalität fügt der Symbolleiste Direktionalitätssteuerungen 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 Ein] fügt dem Editor ein Dialogfeld hinzu, mit dem Sie [] Emoji in den Bearbeitungsbereich [] TinyMCE einfügen können .
    Vollbild Einfügt TinyMCE Vollbildbearbeitungsfunktionen hinzu. Wenn Sie die Symbolleistenschaltflächedrücken, ] füllt der bearbeitbare Bereich in den Viewport des Browsers.
    Bild Eermöglicht Ihnen, ein Bild in den ] Bearbeitungsbereich [ TinyMCE einzufügen.
    Einfügedatum/-zeit Pstellt eine Symbolleistensteuerung und ein Menüelement ] bereit, mit denen das aktuelle Datum und die Uhrzeit in den bearbeitbaren Bereich am Einfügepunkt des Cursors einfügen können.
    Link Ermöglicht und das Verknüpfen externer Ressourcen,, wie z. B. Website-URLs, mit ausgewähltem Text im Dokument.
    Listen Ermöglicht das Hinzufügen von nummerierten Listen und Listen mit Aufzählungszeichen zu TinyMCE. Um erweiterte Listenzu aktivieren, z. B. alphanumerische Listen und eckige Aufzählungszeichen,, sollten Sie auch das Plugin „Erweiterte Liste“ (advlist) aktivieren.
    Medien Ermöglicht das Hinzufügen von HTML5-Video- und Audioelementen zum bearbeitbaren Bereich.
    bruchsicher fügt eine Schaltfläche zum Einfügen von geschützten Platzentitäten wie z. B.ein am Cursor-Einfügepunkt. Außerdem werden unter dem Menü „Einfügen“ Dropdown-unten Liste und eine Symbolleistenschaltfläche hinzugefügt.
    Seitenumbruch Eineunterstützt Seitenumbrüche und ermöglicht Ihnen das Einfügen von Seitenumbrüchen im bearbeitbaren Bereich. Diese -Fähigkeit ist nützlich, wenn ein CMS ein spezielles Trennzeichen verwendet, um Inhalt in Seiten aufzuteilen.
    Vorschau Einfügt der Symbolleiste eine Vorschauschaltfläche hinzu, die ein Dialogfeld öffnet, das den aktuellen Inhalt in einem Vorschaumodus anzeigt.
    schreibgeschützt ohne Rahmen Eaktiviert einen schreibgeschützten Modus für HTML Feldtypen.
    SuchenErsetzen dds-Suche und ersetzen Dialogfelder durch TinyMCE.
    Tabelle Einefügt Tabellenverwaltungsfunktionen für TinyMCE hinzu, einschließlich Dialogfeldern, Kontextmenüs, Kontextsymbolleisten, Menüelementen und Symbolleistenschaltflächen.
    Inhaltsverzeichnis Ggeneriert ein einfaches Inhaltsverzeichnis und fügt es in den Editor an der Einfügeposition des Cursors ein. ToC-Einträge werden aus Header-Elementen im Inhalt generiert.
    visualblocks Ermöglicht Ihnen , Elemente der Ebene Blockbisim bearbeitbaren Bereich anzuzeigen.
    visualchars Adds bietet die Möglichkeit, sichtbare Zeichen wie zu sehen im bearbeitbaren Bereich.
    Wortanzahl

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

    Hinweis:
    Dieses Plugin wird in Arbeitsbereichen nicht mehr unterstützt.
    PowerPaste Corientiert sich an Inhalten aus Microsoft Word, Microsoft Excel, Google Dokumenten und HTML-Quellen automatisch , um sauberen Inhalt zu erstellen, der dem Erscheinungsbild der Website entspricht.
    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: admin

    Prozedur

    1. Navigieren zu Alle > Systemeigenschaften > UI-Eigenschaftenan.
    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 autoresizeCharmap CodeSpiegelcodeBeispiel Direktionalität Emotes Vollbild Bild einfügenDatum/Uhrzeit Linklisten Medien nicht unterbrechender Seitenumbruch Vorschau schreibgeschützt kein Rahmen Suche Tabelle ersetzen Inhaltstabelle visuelle Blöcke Visualzeichen Wortanzahl
      Aktivierte Plugins Akkordeon advlist align_listitems Anker autolinkCharmap CodeSpiegelcodeBeispiel Direktionalität Emotes Vollbild Bild einfügenDatum/Uhrzeit Linklisten Medien nichtbrechend Seitenumbruch Vorschau schreibgeschütztKeinRand Sucheersetzen Tabelle Inhaltstabelle 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.