So aktivieren Sie die Entwurfsansicht in TinyMCE

TinyMCE ist ein leistungsstarker und flexibler Texteditor, der häufig zum Erstellen von Inhalten und Formatieren von Text auf Webseiten verwendet wird. Die Basisversion von TinyMCE bietet jedoch keine Entwurfsansicht, was für Benutzer, die Blogs führen oder mit langen Texten arbeiten, unpraktisch sein kann.

In diesem Artikel wird eine einfache Möglichkeit beschrieben, die Entwurfsansicht in TinyMCE zu aktivieren, sodass Benutzer ihre Entwürfe im Editor speichern und anzeigen können.

Befolgen Sie diese Anweisungen, um die Entwurfsansicht in TinyMCE zu aktivieren:

1. Schritt 1: Öffnen Sie die TinyMCE-Konfigurationsdatei, die normalerweise als "tinymce" bezeichnet wird.init".
2. Schritt 2: Suchen Sie in der Konfigurationsdatei nach der Option "plugins" und fügen Sie "draft" hinzu.
3. Schritt 3: Suchen Sie als Nächstes die Option "toolbar" und fügen Sie "draft" zu ihrem Wert hinzu.

Nachdem Sie diese drei Schritte ausgeführt haben, können Sie Ihre Entwürfe in TinyMCE anzeigen und verwalten. Klicken Sie einfach im Editor auf die Schaltfläche Entwurf, um eine Liste Ihrer gespeicherten Entwürfe zu öffnen und weiter daran zu arbeiten.

Jetzt können Sie dank der Aktivierung der Entwurfsansicht in TinyMCE sicher sein, dass keine Ihrer Ideen oder Gedanken verloren gehen und es immer eine Möglichkeit geben wird, zu ihnen zurückzukehren und sie zu vollwertigen Materialien zu entwickeln.

So richten Sie die Entwurfsansicht in TinyMCE ein

Der integrierte Texteditor von TinyMCE bietet eine praktische Funktion für die Arbeit mit Entwürfen. Mit Entwürfen können Sie Zwischenversionen von Text speichern und bei Bedarf zu einem der Textversionen zurückkehren. Befolgen Sie die nachstehenden Anweisungen, um die Vorschau von Entwürfen in TinyMCE zu aktivieren.

Schritt 1: Laden Sie TinyMCE herunter und integrieren Sie sie in Ihre Webseite, indem Sie der Dokumentation auf der offiziellen Website folgen.

Schritt 2: Fügen Sie der TinyMCE-Initialisierung die folgenden Einstellungen hinzu:

Schritt 3: Fügen Sie der Symbolleiste des Editors eine Schaltfläche "Entwurf" hinzu. Geben Sie dazu in den TinyMCE-Initialisierungsoptionen die folgende Einstellung an:

Anmerkung: Wenn Sie eine Schaltfläche "Entwurf" zu einer bereits vorhandenen Symbolleiste hinzufügen möchten, geben Sie ihren Namen in der Symbolleisteneinstellung durch Kommas getrennt ein (z. B. "bold,italic,draft").

Schritt 4: Bearbeiten Sie das Klickereignis auf der Schaltfläche Entwurf, und zeigen Sie eine Liste mit Entwürfen an. Dazu können Sie JavaScript und AJAX verwenden, um Entwurfsdaten aus einer Datenbank oder Datei abzurufen.

Jetzt können Sie die Entwurfsansicht in TinyMCE anpassen und Ihre Zwischentextversionen einfach verwalten.

Vorbereiten der Entwurfsansicht

Bevor Sie die Entwurfsansicht in TinyMCE aktivieren, müssen Sie einige vorbereitende Schritte ausführen.

1. Installieren Sie TinyMCE: Stellen Sie sicher, dass Sie die neueste Version von TinyMCE auf Ihrem Webserver installiert haben.
2. Konfigurieren der Konfiguration: Öffnen Sie die TinyMCE-Konfigurationsdatei, und stellen Sie sicher, dass das Entwurfsmodul aktiviert ist. Legen Sie die entsprechenden Parameter für dieses Modul fest.
3. Entwürfe speichern: Sie müssen auch die Funktion zum Speichern von Entwürfen auf Ihrem System konfigurieren. Stellen Sie sicher, dass Sie der Datenbank oder dem Dateisystem Unterstützung für das Speichern von Entwürfen hinzugefügt haben.
4. Hinzufügen einer Entwurfsschaltfläche: Fügen Sie der TinyMCE-Symbolleiste eine Entwurfsschaltfläche hinzu, um Benutzern das einfache Öffnen von Entwürfen zu ermöglichen. Bearbeiten Sie dazu die Anpassungsdatei der Symbolleiste.

Nachdem Sie diese Schritte ausgeführt haben, ist Ihr TinyMCE-System bereit, die Entwurfsansicht zu verwenden. Benutzer können Entwürfe im TinyMCE-Editor speichern und anzeigen, um eine flexiblere und benutzerfreundlichere Arbeit mit Inhalten zu ermöglichen.

Aktivieren der Entwurfsunterstützung in den TinyMCE-Einstellungen

1. Öffnen Sie die TinyMCE-Einstellungen. Dies kann durch Bearbeiten der Konfigurationsdatei erfolgen.
2. Suchen Sie nach der Option "plugins", und stellen Sie sicher, dass die für die Arbeit mit Entwürfen zuständigen Plugins aktiviert sind. Zum Beispiel "autosave" und "drafts". Wenn diese Plugins nicht vorhanden sind, fügen Sie sie zur Liste der Plugins hinzu.
3. Legen Sie die Option "drafts_interval" fest, um festzulegen, wie lange der Entwurf automatisch gespeichert wird. Wenn Sie beispielsweise einen Wert auf 60 Sekunden festlegen, wird der Entwurf automatisch jede Minute gespeichert.
4. Zusätzlich können Sie die Option "drafts_prefix" konfigurieren, um den Entwurfsnamen ein Präfix hinzuzufügen. Wenn Sie beispielsweise "draft_" angeben, werden alle Entwürfe mit dem Präfix "draft_" gespeichert.
5. Nachdem die Einstellungen abgeschlossen sind, speichern Sie die Konfigurationsdatei und starten Sie TinyMCE neu.

Jetzt ist die Entwurfsunterstützung in TinyMCE enthalten! Wenn Sie Inhalte bearbeiten, wird der Entwurf automatisch gespeichert, sodass Sie bei unerwünschten Änderungen oder zusätzlichen Änderungen zu ihm zurückkehren können.

Denken Sie daran, die endgültigen Versionen des Inhalts regelmäßig zu speichern, um Datenverluste zu vermeiden. Jetzt können Sie diese nützliche Funktion verwenden, um die Leistung und Benutzerfreundlichkeit von TinyMCE zu verbessern.

Anzeigen von Entwürfen in TinyMCE

Führen Sie die folgenden Schritte aus, um die Entwurfsansicht im TinyMCE-Editor zu aktivieren:

1. Installieren und verbinden Sie das "Drafts" -Plugin für TinyMCE.
2. Konfigurieren Sie die Plugin-Optionen: Aktivieren Sie die Anzeige der Schaltfläche Entwürfe und legen Sie einen Ereignishandler für diese Schaltfläche fest.
3. Implementieren Sie einen Ereignishandler für die Schaltfläche Entwürfe, der ein Fenster mit einer Tabelle öffnet, die eine Liste von Entwürfen enthält.
4. In der Entwurfstabelle können Sie Entwürfe hinzufügen, bearbeiten und löschen sowie den aktuellen Entwurf auswählen, um dessen Inhalt im Editor anzuzeigen.
5. Wenn Sie einen Entwurf auswählen, wird der Inhalt in TinyMCE hochgeladen und sofort zur Bearbeitung angezeigt.

Auf diese Weise kann der Benutzer nach Abschluss dieser Schritte Entwürfe direkt in TinyMCE anzeigen, bearbeiten und verwalten.

Speichern und Veröffentlichen von Entwürfen in TinyMCE

Mit Entwürfen können Benutzer unvollendete Artikel oder Seiten speichern, um später weiter daran zu arbeiten. Anstatt beim Schließen oder Aktualisieren einer Seite alle Änderungen zu verlieren, speichern Entwürfe sie automatisch und geben dem Benutzer später die Möglichkeit, wieder daran zu arbeiten.

Um das Speichern und Veröffentlichen von Entwürfen in TinyMCE zu aktivieren, können Sie das Drafts-Plugin verwenden, das die Funktionalität des Editors erweitert. Führen Sie die folgenden Schritte aus, um es zu installieren:

1. Laden Sie das Plugin Drafts von der offiziellen TinyMCE-Website herunter.
2. Verbinden Sie die Dateien des Drafts-Plugins mit Ihrer Seite, indem Sie im Head-Bereich einen Link zu ihnen hinzufügen:

1. Initialisieren Sie das Drafts-Plugin in der Konfiguration des TinyMCE-Objekts:

Im obigen Code haben wir das Drafts-Plugin zur Liste der TinyMCE-Plugins hinzugefügt und einige Parameter angegeben:

• drafts_autosave_interval: legt das Intervall fest, in dem Entwürfe automatisch gespeichert werden (in diesem Fall alle 10 Sekunden).
• drafts_save_dir: der Pfad zu dem Verzeichnis, in dem die Entwürfe gespeichert werden.
• drafts_public_dir: der Pfad zu dem Verzeichnis, in dem die Entwurfsveröffentlichungen gespeichert werden sollen.
• drafts_preview_url: Die URL, unter der die Entwurfsvorschau angezeigt werden soll.
• drafts_publish_url: Die URL, unter der der Entwurf veröffentlicht werden soll.

Jetzt müssen Sie nur noch die Originaldatei speichern und Ihre Seite starten, um die Funktion zum Speichern und Veröffentlichen von Entwürfen in TinyMCE zu verwenden.