moziloWiki - Das Wiki für Einsteiger - Syntax

am 26.01.2013, 17:43:15
von: moziloWiki

Syntax


Inhalt


Einführung
Übersicht aller Elemente - und was sie bewirken


Schachtelung von Elementen

Einführung


Die Syntax des moziloWiki ist so einfach wie möglich gestaltet, um Benutzern ohne HTML-Kenntnissen die Möglichkeit zu geben, mit geringem Aufwand optisch ansprechende Ergebnisse zu erzielen.
   
Die Syntax-Elemente sind nach diesem Schema aufgebaut: [attribut|wert]
Dabei gilt:


   
moziloWiki prüft zunächst, ob das Attribut bekannt ist. [fett|Text] ergibt Text. Wenn man sich allerdings vertippt hat, zeigt moziloWiki das an. [fettt|Text] wird zu Text (fährt man die Maus über diesen Text, sieht man auch gleich die Fehlerursache).
Außerdem überprüft moziloWiki auch noch den Wert. Eine E-Mail-Adresse darf beispielsweise nur einmal das Zeichen "@" enthalten: f@lsche@adres.se.
   

Übersicht aller Elemente - und was sie bewirken


Gestaltungselemente


   
Bild pic/jsToolbar/link.png (externer Link)
[link|http://www.mozilo.de]
ergibt: http://www.mozilo.de
   
Bild pic/jsToolbar/mail.png (Mail-Link)
[mail|kontakt@mozilo.de]
ergibt: kontakt@mozilo.de
   
Bild pic/jsToolbar/eintrag.png (Link auf einen Eintrag)
[eintrag|Administrator]
ergibt: Administrator
   
Bild pic/jsToolbar/datei.png (Link auf eine hochgeladene Datei)
[datei|mozilo.jpg]
ergibt: mozilo.jpg (i)
   
Bild pic/jsToolbar/bild.png (hochgeladenes Bild)
[bild|mozilo.jpg]
ergibt: Bild mozilo.jpg

Bild pic/jsToolbar/bildlinks.png (hochgeladenes Bild, im Textfluß links)
[bildlinks|mozilo.jpg] Lorem ipsum ...
ergibt:
Bild mozilo.jpg Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.
   
Bild pic/jsToolbar/bildrechts.png (hochgeladenes Bild, im Textfluß rechts)
[bildrechts|mozilo.jpg] Lorem ipsum ...
ergibt:
Bild mozilo.jpg Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.
   
Bild pic/jsToolbar/bild.png (externes Bild)
[bild|http://wiki.mozilo.de/pic/mozilowiki.jpg]
ergibt: Bild http://wiki.mozilo.de/pic/mozilowiki.jpg
   
Bild pic/jsToolbar/bildlinks.png (externes Bild, im Textfluß links)
[bildlinks|http://wiki.mozilo.de/pic/mozilowiki.jpg] Lorem ipsum ...
ergibt:
Bild http://wiki.mozilo.de/pic/mozilowiki.jpg Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.
   
Bild pic/jsToolbar/bildrechts.png (externes Bild, im Textfluß rechts)
[bildrechts|http://wiki.mozilo.de/pic/mozilowiki.jpg] Lorem ipsum ...
ergibt:
Bild http://wiki.mozilo.de/pic/mozilowiki.jpg Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.
   
Bild pic/jsToolbar/ueber1.png (Große Überschrift)
[ueber1|Text]
ergibt:

Text


   
Bild pic/jsToolbar/ueber2.png (Mittlere Überschrift)
[ueber2|Text]
ergibt:

Text


   
Bild pic/jsToolbar/ueber3.png (Kleine Überschrift)
[ueber3|Text]
ergibt:

Text


   
Bild pic/jsToolbar/absatz.png (Link auf den Absatz mit der angegebenen Überschrift im aktuellen Dokument)
[absatz|Syntax]
ergibt: Syntax
   
Bild pic/jsToolbar/liste1.png (Listenpunkt, einfach eingerückt)
[liste1|Text]
ergibt:
   
Bild pic/jsToolbar/liste2.png (Listenpunkt, zweifach eingerückt)
[liste2|Text]
ergibt:
   
Bild pic/jsToolbar/liste3.png (Listenpunkt, dreifach eingerückt)
[liste3|Text]
ergibt:
   
Bild pic/jsToolbar/code.png (Code oder Zitate)
[code|<?php
   phpinfo();
   echo "&"
?>]
ergibt:
<?php
   phpinfo();
   echo "&"
?>

   
Bild pic/jsToolbar/html.png (HTML-Code - nur, wenn global vom Admin erlaubt)
[html|<span style="color:#BB0000;">HTML</span>]
ergibt: HTML
   
Bild pic/jsToolbar/linie.png (Horizontale Trennlinie)
[----]
ergibt:
   
   

Textformatierung


   
Bild pic/jsToolbar/links.png (Linksbündiger Text)
[links|Lorem ipsum...]
ergibt:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.

   
Bild pic/jsToolbar/zentriert.png (Zentrierter Text)
[zentriert|Lorem ipsum...]
ergibt:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.

   
Bild pic/jsToolbar/block.png (Text im Blocksatz)
[block|Lorem ipsum...]
ergibt:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.

   
Bild pic/jsToolbar/rechts.png (Rechtsbündiger Text)
[rechts|Lorem ipsum...]
ergibt:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus bibendum enim viverra dolor. In mattis nulla non felis. Fusce placerat lorem ut nisi. Vivamus augue nulla, ultricies vitae, condimentum et, porttitor nec, ipsum. Pellentesque scelerisque pulvinar tortor. Quisque adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum. Pellentesque aliquam placerat lorem. Sed rutrum est eget mauris. Sed molestie suscipit risus. Morbi neque ipsum, placerat ac, lobortis id, condimentum in, urna. Curabitur elit velit, aliquam quis, tempus sit amet, fermentum sed, diam. Nunc auctor condimentum ligula. Aenean non sapien. Cras odio nulla, bibendum eu, sollicitudin id, hendrerit sed, tellus. Vestibulum tortor mauris, convallis non, blandit ut, tempus vitae, orci. Sed pretium. Quisque posuere eros sed libero. Vivamus pellentesque congue leo. Donec nisl. Etiam non quam vel eros tempor nonummy. Nulla facilisi. Cras egestas nulla vel orci. Donec posuere, nibh et imperdiet euismod, enim urna scelerisque quam, vitae iaculis ante leo a felis. Suspendisse aliquam viverra turpis. Curabitur et neque at erat dignissim facilisis. Vestibulum at libero. Sed at lorem eu eros consectetuer molestie. Vestibulum magna. Duis aliquam pulvinar dolor. Etiam cursus sollicitudin erat. Aenean sodales quam vel tellus dapibus sodales.

   
Bild pic/jsToolbar/fett.png (Fett dargestellter Text)
[fett|Text]
ergibt: Text
   
Bild pic/jsToolbar/kursiv.png (Kursiv dargestellter Text)
[kursiv|Text]
ergibt: Text
   
Bild pic/jsToolbar/fettkursiv.png (Fett und kursiv dargestellter Text)
[fettkursiv|Text]
ergibt: Text
   
Bild pic/jsToolbar/unter.png (Unterstrichener Text)
[unter|Text]
ergibt: Text
   
Bild pic/jsToolbar/farbe.png (Farbig dargestellter Text)
[farbe=DD0000|Text]
ergibt: Text
   
   

Schachtelung von Elementen


Man kann die Inhalte also auf verschiedene Weise formatieren. Was aber, wenn z.B. ein Link kursiv dargestellt werden soll? Für solche Mehrfachformatierungen lassen sich die Syntax-Elemente ineinander schachteln:

Zunächst der Link:
[link|http://www.mozilo.de]

Dann das komplette Link-Element als Wert in ein Kursiv-Element:
[kursiv|[link|http://www.adresse.de]] = http://www.mozilo.de