Module: Basis Editor (Wysiwyg/Simple)

Diese Module ist das Basis Module, welches einem die Moeglichkeit bietet, den Content der Seite zu pflegen. Diese hier beschriebenen beiden Komponenten werden auch in verschiedenen anderen Module verwendet.

Die folgenden Komponenten werden durch dieses Module zur Verfuegung gestellt:

• Wysiwyg Editor
• Simple Editor

Wysiwyg Editor

Probleme, die es geben kann mit WYSIWYG-Editor

Newsletter: ungewollt verschiedene Schriftgrössen 

sehr spannend, wie die beiden outlook versionen den inhalt des html total unterschiedlich rendern. gehe davon aus, dass es auch zu tun hat, was fuer einen ie basierte render engine verwendet wird... gehe davon aus, dass die leicht unterschiedlich ist.

fangen wir mal mit dem rahmen an:
es sieht so aus, dass outlook 2007 html definitionen background-images einfach ignoriert oder sogar im content des mails rausputzt... ich konnte die nicht mehr finden... deshalb fehlt auch die haelfte der box!
weshalb dies outlook 2007 macht, weiss ich nicht!

unterschiedliche schrift darstellungen:
in outlook 2003 werden zum teil schriften ziemlich gross dargestellt...
dies sieht man auch, wenn man z.b. den newsletter direkt mittels dem ie6 aufruft... dort habe ich dies auch gesehen.
weshalb:
es genau bei diesen zeilen ein <font> tag zuviel um den text, welches dem ie sagt, vergiss alles was du zu font information weisst...

<font size="1" face="Verdana"><font>Verkaufsunterstützung</font></font

dabei geht es um das <font> tag vor dem Verkaufsunter...

wie habt ihr den newsletter erstellt? (sieht fuer ich aus als word copy/paste, da ich sehr viel ms word schrott im content finde word copy/paste funktioniert nur einigermassen, wenn man es ueber den speziellen paste for word macht... da dort viele style informationen rausgefiltert werden... wie gut dies in wirklichkeit funktioniert, weiss ich auch nicht)

Zeilenumbrüche

Acht geben auf Enter / CTRL Enter / Shift Enter ... funktioniert gleich / ähnlich wie im Word  

Zeilenumbrüche nicht gleich gross

wenn du im wysiwyg editor den zweitletzten button (unterste zeile) mit der bezeichnung 'Show Blocks' aktivierst. danach solltest du run um die textbloecke einen rahmen mit einem kleinen p sehen... die bloecke, wo einen groesseren abstand haben, sollten so ne umrahmung haben... d.h. die haben ein paragraph tag (p) rund um den textblock... dort wo der text nahe an der linie ist nicht.du kannst das paragraph tag einfach erzeugen, indem du am ende der zelle, wo der block fehlt, einfach die <enter> taste drueckst, somit wird ein neuer paragraph erzeugt und der textblock, der das paragraph tag noch nicht hat, kriegt den automatisch... den neu erzeugten block kannst du dann ganz einfach mit der <backspace> taste wieder entfernen.

Bilder einfügen via WYSIWYG

- um das bild einzufuegen wurde schlicht der falsche button verwendet, es gibt naehmlich 2 'Insert/Edit Image' sowie 'Image Button'... der erste erstellt ein normales bild, danach wird einfach ein link um das bild gemacht... der zweite erstellt ein image button fuer ein formular... und wenn man danach einen link darum macht... hat IE keine freude daran... oder ignoriert es einfach, wenn man darauf klickt... d.h. 'Image Button' einfach vergessen.

demo.beecomb.ch
- navigation: im beecomb2 (demo.beecomb.ch) werden navigation mittels unsorted lists ul/li tags dargestellt, welche anschliessend mittels css verwurstelt werden... dies ist heute eigentlich der standardweg. im beecomb1 haben wir ne tabelle dazu verwendet... (tabellen sind weniger flexible) vor allem ie6 hat verschiedene bugs zum thema unsorted lists ul/li und ich stuerchle immer mal wieder darueber... dass vor allem ie6 was macht, was er nicht machen sollte!
- font: wenn ich mir den content anschaue, sehe ich eigentlich ueberall hat es font informationen... zum teil wohl von hand gemacht... zum anderen auch durch copy/past von word dokumenten.
der standard font size im text ist wiefolgt definiert: Verdana 10px
falls dies was anderes sein soll... sollten wir dies im css anpassen.

tip fue kopieren von content welcher von word dokumenten kommt. es gibt ein past mit dem word zeichen, dieser entfernt alle stylesheet informationen, wenn ich dies richtig in errinnerung habe... somit sollte es danach besser integriert sein und die definitionen des css's der page uebernehmen.

Tabellen

Wenn man eine Tabelle hat und die einzelnen Zellen verbinden möchte, kann man dies nur im FireFox tun. Im IE geht dies nicht. Wenn man die Zellen verbunden hat, muss man in den Simple Editor gehen und dort die Breite der  Zelle eingeben. (3 Zellen a je 160 plus je 10 Abstand zwischen den Zellen, gleich 500) 

Simple Editor

Dieser Editor bietet einem Advanced Benutzer den HTML Code direkt zu bearbeiten.