Tutorials von Thomas Frei-Herrmann

HTML Code in NOF einfügen


Welcher Editor wird für welchen Code verwendet. Unten einige Beispiele zur Demonstration.

Wir unterscheiden zwischen 2 Editoren, die man in NOF verwenden kann, um HTML-Code einzufügen

1. Objekt Editor - wird für begleitenden Code verwendet, wie z.B. DIV-Container, Class, IF-Bedingungen, etc.
    
2. HTML-Code Editor - wird zum Einfügen von komplexem Code, wie Skripten oder z.B. Code für Foto-Galerien usw. verwendet
   Diesen Editor könnt Ihr auch für eine Tabellen-Zelle verwenden > Zelle doppelklicken > oben Menu > Text > HTML einfügen

Beispiele

Ich habe allen Textfeldern einen Rahmen gegeben, damit man die Abstände vergleichen kann. Alle Texte, die in den Textfeldern hier blau dargestellt sind, wurden über einen der beiden Editoren eingefügt. Unter jedem Beispiel ist ein Screenshot des Editors.

Text normal eingefügt

Dieser Text wurde ganz normal in ein Textfeld geschrieben. Der Text wird von NOF zwischen dem <p> Tag eingebracht.

Text in den Objekt Editor eingefügt

Dieser Text wurde in den Objekt Editor  “vor dem Tag” (ab NOF 11 “vorher”) eingefügt. Der Inhalt steht vor dem <p> Tag und daher erzeugt das <p> Tag unten eine zusätzliche Leerzeile. Diese Zeile könnte man auskommentieren, “vor dem Tag” (“vorher”) <!-- und “nach dem Tag” (“nachher”) -->
Insbesondere, wenn man das geschützte Leerzeichen &nbsp; auch noch weg haben muss oder will, sollte man besser den Objekt Editor verwenden.

<!-- was hier zwischen steht ist auskommentiert und wird daher nicht als HTML-Code verarbeitet --> Bitte guckt Euch dafür auch noch mein extra Tut an.

... schon deswegen sollte man den Code besser in den HTML-Code Editor eintragen, da dann der Inhalt im <p> Tag steht und diese Zeile nicht entsteht.

Text in den HTML-Code Editor eingefügt

Dieser Text wurde in den HTML-Code Editor eingefügt. Dieser Editor lässt sich mit beliebigem Code bestücken also auch mit PHP-Skripten, wenn die Seite auf die Dateierweiterung .php gestellt wurde. Der Inhalt wird von NOF zwischen dem <p> Tag eingebracht und daher wird keine zusätzliche Leerzeile erzeugt.

... auf diese Art und Weise kann man eben den Code innerhalb eines Textfeldes auch punktgenau platzieren. Der schwarze Text ist in das Textfeld unten geschrieben und der blaue Text wurde in den HTML-Code Editor eingefügt. Unten rechts ein Screenshot dieses Textfeldes.

DIV-Container in den Objekt Editor und PHP-Befehl in den HTML-Code Editor eingefügt

Dieses Beispiel zeigt noch die Einfügung des Textfeldes in einen DIV-Container, der dieses Textfeld scrollbar macht. Dazu benötigt man den Objekt Editor.
Der PHP-Include-Befehl wurde dagegen wieder in den HTML-Code Editor eingefügt und wird von NOF zwischen dem <p> Tag eingebracht. Daher wird keine zusätzliche Leerzeile erzeugt.

HTML-Code Editor in einer Tabellen-Zelle

Bitte beachtet eine Besonderheit bei Tabellen-Zellen, in denen Ihr den HTML-Code Editor verwendet.

• Links wurde der HTML-Code Editor der Tabellen-Zelle verwendet und obwohl diese Zelle nach “oben” ausgerichtet ist, erscheint der Text mittig
• Rechts wurde der HTML-Code Editor eines Textfeldes verwendet und das Textfeld dann in die nach “oben” ausgerichtete Zelle eingebracht