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

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.

Welche Software wird vom FoodCoopShop benutzt?

FCS v3.6 oder frĂĽhere Versionen

Dieser Teil der Dokumentation ist fĂĽr die Versionen v3.6 oder frĂĽher.

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

  1. Den Text, der mit dem Download verlinkt werden soll, markieren.
  2. In der Symbolleiste unter “Link einfügen / editieren” auf “Server durchsuchen” klicken.
  3. Im neuen Fenster links oben auf das Disketten-Symbol klicken und auf “Dateien zum Upload auswählen” klicken.
  4. Warten, der Upload dauert evtl. ein bisschen (es wird kein Loader angezeigt).
  5. Doppelklick auf das Bild machen und im nächsten Fenster dann auf OK klicken.

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

  1. Auf “Link einfügen / editieren” klicken.
  2. Auf “Server durchsuchen” klicken.
  3. Rechte Maustaste auf die Datei und dann “Löschen” auswählen.

Wie kann ich eine Datei erneut verlinken?

  1. Auf “Link einfügen / editieren” klicken.
  2. Unten auf “Server durchsuchen” klicken.
  3. Auf die gewĂĽnschte - bereits hochgeladene - Datei klicken.
  4. Im nächsten Fenster auf OK klicken.

Wie kann ich Bilder hochladen?

  1. Der Ablauf ist der gleiche wie bei Dateien hochladen, jedoch in der Symbolleiste statt “Link einfügen” auf “Bild” klicken. Die Bilder werden automatisch auf maximal 717px verkleinert.
  1. Im Editor den verlinkten Text markieren und auf “Link einfügen / editieren” klicken.
  2. Auf den Reiter “Zielseite” klicken und Neues Fenster (_blank) auswählen.
  1. Im Editor den verlinkten Text markieren und auf “Link einfügen / editieren” klicken.
  2. Auf den Reiter “Erweitert” klicken und unter “Formatvorlagenklasse” btn btn-success (grüner Button) oder btn btn-outline-light (weißer Button mit grauem Rand) eingeben.

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 die zweite Schaltfläche von links “Formatierung entfernen” klicken.

Videos einbinden

Den Embed-Code (Einbettungscode) von z. B. Youtube bitte im Quellcode (Button ganz rechts) einfĂĽgen.

Welche Software wird vom FoodCoopShop benutzt?