Produkttexte komfortabel editieren Erweiterungen, Shop-Software

Produkttexte komfortabel editieren

Neue Texte einstellen mit Firefox und Write-Area

Der HTML-Editor in Ihrem Online-Shop nervt und spuckt nur fehlerhaften Code aus? Sie haben gar keinen Code-Editor in Ihrem Shop, aber dafür genug von <br />, <strong> und <a href-Tags? Firefox in der Top-Kombination mit dem Addon Write-Area, lässt Sie optimale Produktbeschreibungen anfertigen. Erstellen Sie einfach, schnell und komfortabel perfekten HTML-Code mit ansprechenden Formatierungen.

Kommt Ihnen das bekannt vor? Ihr Shop-System und ihr CMS-System haben ein nettes Formularfeld in dem der Code und Text zu Ihrem aktuellen Artikel eingefügt werden kann. Formatierungen werden mit HTML-Tags eingefügt, z.B. neue Zeilen mit dem BR-Tag. Vielleicht haben Sie bis jetzt auch Dreamweaver verwendet, um in der Entwurfsansicht die Seite zu bauen, danach in die Codeansicht zu wechseln und den Code mit Copy&Paste in Ihr System einzufügen. Das geht aber auch einfacher.

Browser basierter HTML-Editor

Sie benötigen:

1) Firefox 3.x

Firefox Download

 

Falls Sie Firefox noch immer nicht verwenden, lohnt sich zumindest jetzt ein erster Versuch. Der Open-Source-Browser kann mit wenigen Klicks unter http://www.mozilla-europe.org/de/firefox/ heruntergeladen und installiert werden.

2) Write Area 0.7

Write-Area HTML-Editor

 

Öffnen Sie mit Ihrem Firefox die Seite https://addons.mozilla.org/en-US/firefox/addon/6147, klicken Sie auf 'Add to Firefox' und installieren Sie die Erweiterung.

HTML editieren

Klicken Sie im Admin-Bereich Ihrer Web-Seite, also dem Shop oder CMS, innerhalb des Formularfeldes das für den Produkttext, oder den Seiteninhalt verantwortlich ist, mit der rechten Maustaste und wählen Sie 'Edit in Write Area':

Write-Area einfügen

 

In einem neuen Fenster öffnet sich ein HTML-Editor, in dem Sie die Ansicht der momentanen Seite sehen können. Im oberen Bereich sehen Sie bekannte Icons, die Sie bei der Bearbeitung unterstützen. Jegliche Formatierungen, wie Listen anlegen, Fettdarstellung, Absätze, Überschriften sind möglich. Ebenso können Sie hier schnell Bilder, Links und Texte einfügen:

Write-Area Bedienung

 

Führen Sie die gewünschten Änderungen durch und klicken Sie abschließend auf 'Speichern'. Der erzeugte HTML-Code wird nun direkt in das Bearbeitungs-Formular eingefügt und wird nach dem Speichern der Seite online angezeigt.

Write-Area richtig anwenden

Tipp: Lernen Sie diese Methode erst sorgfältig kennen, bevor Sie Änderungen an wichtigen Inhalten vornehmen. Probieren Sie Write Area zuerst nur mit kleinen Änderungen, am besten sogar auf Ihrem lokalen Testserver aus, und sehen Sie wie der Editor mit Ihrem System zusammenarbeitet. Nach kurzer Einarbeitungszeit werden Sie allerdings diese Methode zur Änderung nicht mehr missen wollen.

Write Area auf Mac und Linux?

Wenn Sie auf einem Mac zu Hause sind, ist das auch kein Problem. Nachdem es sich um eine Firefox-Erweiterung handelt, läuft der Editor im Browser, und kümmert sich so auch nicht um das Betriebssystem.

Ein schneller Test hat gezeigt: Auch auf meinem Linspire Linux-System kann ich problemlos Änderungen an meinen Systemen vornehmen. Ein komfortabler HTML-Editor für Linux? Was will man noch mehr.

Erschienen am 22.01.2009, um 21:48h.