Zum Hauptinhalt springen

WYSIWYG-Editor

Der WYSIWYG-Editor dient zum Erstellen und Formatieren von Text und Bildern, er wird beim FoodCoopShop in verschiedenen Bereichen verwendet:

  • Hersteller-Profil bearbeiten
  • Seiten, Blog-Artikel, Kategorien bearbeiten
  • Produktbeschreibung bearbeiten
Neu in v4.0 (Frühling 2024)

Jodit wird als neuer Editor verwendet.

Wie kann ich Dateien (z.B. ein PDF) hochladen und verlinken?​

  1. Auf den Upload-Button (drittes Icon von rechts) klicken.
  2. Im neuen Fenster links oben auf das Disketten-Symbol klicken und auf "Dateien zum Upload auswählen" klicken.
  3. Auf die neue hochgeladene Datei doppelklicken, der Link ist dann in die Zwischenablage kopiert worden.
  4. In der Symbolleiste auf "Link einfügen" klicken und in das Feld "Url" den Wert aus der Zwischenablage einfügen (Strg-V).

Wie kann ich den Upload wieder vom Server löschen?​

  1. Auf den Upload-Button (drittes Icon von rechts) klicken.
  2. Rechte Maustaste auf die Datei und dann "Löschen" auswählen.

Wie kann ich eine Datei erneut verlinken?​

  1. Auf den Upload-Button (drittes Icon von rechts) klicken.
  2. Auf die gewünschte - bereits hochgeladene - Datei doppelklicken.
  3. Die Url ist dann wieder in der Zwischenablage.

Wie kann ich Bilder hochladen und im Editor anzeigen?​

  1. Den Cursor im Editor dahin stellen, wo später das Bild auftauchen soll.
  2. Auf den Upload-Button (drittes Icon von rechts) klicken.
  3. Im neuen Fenster links oben auf das Disketten-Symbol klicken und auf "Dateien zum Upload auswählen" klicken.
  4. Auf die neue hochgeladene Datei doppelklicken, das Bild wird dann im Editor angezeigt.
  5. Die Bilder werden automatisch auf maximal 717px verkleinert, sie müssen vorher also nicht verkleinert werden.
  1. Im Editor den verlinkten Text markieren und auf "Link einfügen" klicken.
  2. "In neuer Registerkarte öffnen" anhaken.
  1. Im Editor den verlinkten Text markieren und auf "Link einfügen" klicken.
  2. Im Feld "Class name" btn btn-success (grüner Button) oder btn btn-outline-light (weißer Button mit grauem Rand) eintragen.

Layout zerschossen? Formatierung entfernen​

Wenn ihr z. B. aus einem Word-Dokument oder einer anderen Webseite Text kopiert und in den Editor einfügt, stimmt die Formatierung oft nicht. Die Schrift ist z. B. eine andere oder der Text ist zerschossen. Einfach den gesamten Text markieren und auf den Radiergummi klicken.

Videos einbinden​

Den Embed-Code (Einbettungscode) von z. B. Youtube bitte im Quellcode (zweiter Button von rechts) einfügen.