Texteditor / HTML-Editor

Themen bzw. Einstellungen dieses Kapitels:

1) Info: Editor

2) Arbeiten mit dem Editor

2a) Kopieren / Einfügen

2b) Zeilenvorschub / Neue Zeile

2c) Bilder einfügen

2d) Verlinkung zu einer anderen Content-Seite einfügen

2e) Probleme bei der Textformatierung

2f) Layout-Tipp (Thema: Schriftgröße)

2g) Die Verwendung des Editors und JavaScript

1) Info: Editor

plentyMarkets verfügt über einen integrierten Text- bzw. HTML-Editor, der Textformatierungen (fett, unterstrichen, kursiv etc.) unterstützt. Sie können damit Texte direkt bearbeiten oder CSS-Formatierungen, wie z.B. Überschriften, anwenden. Darüber hinaus können Sie die Elemente, wie Texte, Bilder und Tabellen im HTML-Code bearbeiten.

Der Texteditor kommt in den folgenden Bereichen zum Einsatz:

  • Artikelbeschreibung
  • Auktionsbeschreibung
  • Content-Seiten
  • Newsletter

Im Wesentlichen ist die Benutzeroberfläche einer klassischen Textverarbeitungssoftware nachgebildet. Einige Besonderheiten sind jedoch zu beachten, wie nachfolgend beschrieben.

Bild 1: Funktions-Icons des Editors

2) Arbeiten mit dem Editor

2a) Kopieren / Einfügen

Verwenden Sie zum Kopieren und Einfügen von Texten bitte die gewohnten Tastenkombinationen:

Windows / Linux:

  • Kopieren: Strg + C
  • Einfügen: Strg + V
  • Ausschneiden: Strg + X

Mac OS X:

  • Kopieren: cmd + C
  • Einfügen: cmd + V
  • Ausschneiden: cmd + X

2b) Zeilenvorschub / Neue Zeile

Wird bei der Texteingabe die Taste Enter zum Einfügen einer neuen Zeile gedrückt, beginnt der Editor dabei einen neuen Absatz. Je nach Seitenlayout wird zwischen Absätzen ein größerer Abstand angezeigt, als zwischen zwei Zeilen.
Soll nur eine Zeile eingefügt werden, dann drücken Sie bitte Shift + Enter (= soft return).

2c) Bilder einfügen 

Um ein Bild einfügen zu können, muss dieses zuvor auf den Server geladen werden und somit per URL erreichbar sein. Bilder können Sie über den Bereich Content > Bilder-Galerie oder über Ihren FTP-Zugang (Profi) auf den Server laden.
Klicken Sie dann im Texteditor mit der linken Maustaste auf die Zeile, in die das Bild eingefügt werden soll. Nun wählen Sie aus dem Menü das Symbol  (Bild einfügen/ersetzen) aus und fügen dort die URL des Bildes ein (Bild-Adresse). Durch einen Klick auf den Button Einfügen, wird das Bild im Editor sichtbar. Soll das Bild noch weiter formatiert werden (z. B. Textfluss), so kann es durch einen Klick mit der linken Maustaste erneut markiert werden. Über das Symbol  können nun weitere Formatierungen vorgenommen werden.

2d) Verlinkung zu einer anderen Content-Seite einfügen 

Soll eine Verlinkung zu einer anderen Content-Seite in eine Content-Seite eingefügt werden, muss zuerst der Link- bzw. Seitenname als Text in den Texteditor eingegeben werden. Markieren Sie dann diesen Text und klicken Sie auf das Symbol  (Link einfügen/bearbeiten). In das Feld Link-URL muss nun der Platzhalter für die entsprechende Content-Seite eingefügt werden. Dieser Platzhalter ersetzt die URL, Sie finden den jeweiligen Platzhalter im Tab Einstellungen einer Content-Seite unter der Option URL-Platzhalter.
Jede Content-Seite hat eine eigene ID-Kennziffer, die immer auch Teil des URL-Platzhalters ist.

Diese Platzhalter können nicht in Newslettern oder Artikelbeschreibungen verwendet werden. Dort muss die absolute URL angegeben werden (http://www.domain.de/plentyMarkets_....html).

Wichtig: Kopieren Sie dabei niemals die Sitzungskennung mit (?plentyID=...)! 

2e) Probleme bei der Textformatierung

Beim Einfügen von Texten aus anderen Textverarbeitungsprogrammen (MS Office, OpenOffice) werden absolute Textgrößen (10px, 14px, etc.) in relative Textgrößen (small, large, etc) umgewandelt. Die Interpretation bleibt dann dem Browser überlassen. Dies hat zur Folge, dass einkopierte Textabschnitte in einer anderen Formatierung erscheinen, als manuell eingegebene.

Beispiel:

Die Umwandlung in relative Schriftgrößen kann durch eine Funktion im Editor wieder entfernt werden. Markieren Sie dazu die entsprechenden Textabschnitte, wählen Sie das Symbol  (Formatierungen zurücksetzen) aus und speichern Sie die Eingabe ab. Dadurch wird jegliche Formatierung entfernt.

2f) Layout–Tipp (Thema: Schriftgröße)

Arbeiten Sie aus Gründen der Übersichtlichkeit nur mit einer Standard-Schriftgröße und formatieren Sie Überschriften durch Auswahl der entsprechenden Absatzformatierung (Heading 1-6).

 

 

 

 

 

Bild 2: Überschriften im Editor

Die Formatierung der Überschrift wird in der CSS-Datei unter Layout > Layout-Generator > CSS vorgenommen.

Beispiel:

Bild 3: CSS-Formatierungen der Überschriften

2g) Die Verwendung des Editors und JavaScript 

Der integrierte Editor basiert auf der JavaScript-Technologie. Es ist deshalb in den meisten Fällen technisch nicht möglich, JavaScript mit dem integrierten Editor zu bearbeiten. Stellt dies ein Problem dar, kann der Editor für die Bearbeitung von Artikeln auch ausgeschaltet werden: Artikel > Einstellungen > Grundeinstellungen und dort im Bereich Basiseinstellungen in der Zeile Integrierter (WYSIWYG) Editor für Artikelbearbeitung.