Editor Icons

Hier erhaltet ihr mal eine kleine Übersicht über die Funktionsweise der einzelnen Icons die im Editor zur Verfügung stehen.

Ich versuche einmal die einzelnen Icons so gut wie möglich zu erklären und hoffe das dies so verständlich wird.

1 Quellcode

Hiermit wird der reine Quelltext des Editorinhaltes angezeigt, wer weiß was er tut, kann hier manchmal ein paar Feinheiten in den Beitrag einbauen. Bitte mit Vorsicht genießen, man sollte wirklich wissen was man tut und aussehen tut das dann in etwa wie dieser Beispieltext.
<p>Der Verwendung veröffentlichter Kontaktdaten durch Dritte zum Zwecke von Werbung wird ausdrücklich widersprochen. Wir behalten uns rechtliche Schritte für den Fall der unverlangten Zusendung von Werbeinformationen, z.B. durch Spam-Mails, vor.</p>
<p><br></p>
<h2>
Pilzforum.eu Teilnahmeregeln "Boardregeln"
</h2>
<h3>
Pilzforum.eu ist eine für die User kostenlose Plattform und dient dem Austausch und Dialog aller mykologisch interessierter Menschen.
</h3>
<h4>
§ 1 Geltungsbereich
</h4>
<ol>
<li>Diese Boardregeln binden alle Nutzer, das heißt registrierte Mitglieder des Pilzforum.eu.</li>
<li>Die nachfolgenden Ge- und Verbote sind für alle Bereiche des Internetportals Pilzforum.eu bindend.</li>
<li>Die Regularien des Pilzforum.eu sind aufgrund äußerer Einflüsse fortwährenden Anpassungen, Änderungen und Ergänzungen unterworfen, über die im Forenbereich entsprechend informi

2 Rückgängig

Eben gemachte Eingaben werden rückgängig gemacht

3 Wiederholen

Nach einem Rückgängig kann man sie auch wiederherstellen

4 Vollbild

Der Editor wird auf die gesamte Fläche eures Bildschirms vergrößert

5 Überschrift

Hier sind diverse Absatzformate hinterlegt wobei es sich hauptsächlich um Überschriften handelt, die dafür sorgen das die ganzen Texte etwas einheitlicher werden.

Normaler Text

Überschrift 1

Überschrift 2

Überschrift 3

Im Forum hat das nur Einfluss auf die jeweiligen Schriftgrößen, im Blog und dem Lexikon wird aus den verschiedenen Absatzformaten automatisch eine Inhaltsübersicht generiert. Ich habe das Prinzip auch beim Erstellen dieses Beitrags verwendet und damit automatisch ein kleines Inhaltsverzeichnis mit Sprungmarken erstellt, dass man rechts oben sehen kann.

6 Fett

Der markierte Text wird fett geschrieben.

7 Kursiv

Der markierte Text wird kursiv geschrieben

8 Unterstrichen

Der markierte Text wird unterstrichen

9 Durchgestrichen

Der markierte Text wird durchgestrichen

10 Tiefgestellt

Der markierte Text wird tiefgestellt

11 Hochgestellt

^{Der markierte Text wird hochgestellt}

12 Schriftart

Der markierte Text kann in verschiedenen Schriftarten dargestellt werden

13 Schriftgröße

Der markierte Text wird in verschiedenen Größen dargestellt 8 10 12 14 18 24 36

14 Schriftfarbe

Der markierte Text kann in den unterschiedlichsten Farben dargestellt werden

15 Liste

Der Text kann mit Aufzählungszeichen dargestellt werden.

• Dies bietet sich wie der Name schon sagt, vor allem für diverse Listen an.

1. Dies bietet sich wie der Name schon sagt, vor allem für diverse Listen an.

16 Ausrichtung

Der markierte Text, aber auch Bilder, Dateien, Videos und dergleichen, können damit ausgerichtet werden.

Linksbündig

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Zentriert

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Rechtsbündig

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Blocksatz

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

17 Link

Einen Link zu markiertem Text hinzufügen oder entfernen. Alternativ kann auch direkt erst das Icon geklickt und dort sowohl Link als auf anzuzeigender Text eingetragen werden.

So sieht das dann zum Beispiel aus: Bestimmungsleitfaden

18 Bild

Hier kann, wenn es denn unbedingt sein muss, ein externes Bild eingebunden werden

19 Tabelle

Hiermit kann man eine Tabelle erstellen und bearbeiten

In den Tabellenfeldern können auch wieder alle anderen Textattribute verwendet werden.

20 Medien

Dieses Icon ist Admins und Moderatoren vorbehalten und dient zur Medienverwaltung auf dem Server

pilzforum.eu/attachment/13/

21 Zitat

Zitat

Hiermit kann man Zitate aus externen Quellen recht gut veranschaulichen. Dafür einfach den entsprechenden Text markieren und schon wird er hervorgehoben und als Zitat markiert.

Um einen Beitrag aus dem Forum zu zitieren, steht euch unterhalb des jeweiligen Beitrags ein eigenes Icon zur Verfügung. pilzforum.eu/attachment/14/

22 Code

Hier im Pilzforum wird es nicht oft vorkommen, passieren kann es aber trotzdem. Angenommen, ihr möchtet hier eine Fehlermeldung posten, die aber einen gewissen Anteil an Quellcode enthält, wird es ohne dieses Icon schwierig. Der Editor würde den Code erkennen und ihn sofort umwandeln und ggf. ausführen. Zu sehen bekämen wir ihn somit nicht im Original. Hier mal ein Stück Quellcode aus der Software als Anschauung.

@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,900");@font-face{font-family:'Glyphicons Halflings';src:url('templates/Honeygrid/assets/fonts/bootstrap/glyphicons-halflings-regular.eot');src:url('templates/Honeygrid/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('templates/Honeygrid/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2'), url('templates/Honeygrid/assets/fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('templates/Honeygrid/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('templates/Honeygrid/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,sect

23 Spoiler

Man möchte nicht das alle sofort sehen was hier geschrieben steht, der Nutzer sich also explizit dafür entscheiden muss den folgenden Text zu sehen, dann kann man etwas spoilern.

Wer also nicht wissen will wie die letzte Staffel von Game of Thrones ausgeht, sollte nicht auf den folgenden Spoiler klicken.

Alternativ kann man einen Spoiler aber auch verwenden um einen viel zu langen Text wie den folgenden, nur für diejenigen zugänglich zu machen die das auch wirklich interessiert.

24 Inline-Code

Hiermit kann man einen Text hervorheben, indem man ihn in einen schmalen Rahmen packt

25 Unsicheres HTML

Dieses Icon ist den Admins vorbehalten, da man damit das komplette Forum zerstören könnte. 
Wenn ich hier einen HTML-Code schreiben würde, würde die Forensoftware diesen auch so ausführen wie geschrieben. Damit kann man auf diverse Gegebenheiten eingehen die mit Boardmitteln nicht umsetzbar sind, man könnte aber auch einen Virus oder dergleichen ausführen.

26 Editier Hinweis anzeigen

[ edit=Takumi ]Manchmal ist es nötig das ein Beitrag durch Moderatoren oder Admins geändert wird, dies soll aber auch nachvollziehbar bleiben. Ebenso kann es passieren das man einen Schmarrn geschrieben hat und es schon Folgebeiträge gibt die sich darauf beziehen. Dann kann man seinen eigenen Beitrag bearbeiten und diesen Editier Hinweis hinterlassen um dies zu zeigen[ /edit ] ergibt dann:
[edit='Takumi']

Manchmal ist es nötig das ein Beitrag durch Moderatoren oder Admins geändert wird, dies soll aber auch nachvollziehbar bleiben. Ebenso kann es passieren das man einen Schmarrn geschrieben hat und es schon Folgebeiträge gibt die sich darauf beziehen. Dann kann man seinen eigenen Beitrag bearbeiten und diesen Editier Hinweis hinterlassen um dies zu zeigen[/edit]

27 Statusmeldungen

Ebenfalls nicht für alle zugänglich, für das Team aber eine gute Möglichkeit auf etwas aufmerksam zu machen.

[ info=info ]Eine Info die besondere Aufmerksamkeit verdient[ /info ] ergibt:

[info='info']Eine Info die besondere Aufmerksamkeit verdient[/info]

[ info=warning ]Eine Warnung die gesehen werden sollte[ /info ] ergibt:

[info='warning']Eine Warnung die gesehen werden sollte[/info]

[ info=success ]Etwas ist erledigt worden und wir wollen das mitteilen[ /info ] ergibt:

[info='success']Etwas ist erledigt worden und wir wollen das mitteilen[/info]

[ info=error ]Ein Fehler auf den wir aufmerksam machen möchten[ /info ] ergibt:

[info='error']Ein Fehler auf den wir aufmerksam machen möchten[/info]

28 Border BBCode

[ border ]Ein Rahmen um markierten Text[ /border ] ergibt:
[border]

Ein Rahmen um markierten Text[/border]

29 Button

Hiermit lässt sich ein Link besonders hervorheben, zudem wird dabei auch gleich die Info der Seite geholt und mit angezeigt.

[ but ]www.pilzmaennchen.de[ /but ] ergibt:

[but]Pilze selber züchten - Pilzmännchen[/but]

30 OffTopic

[ offtopic ]Der so markierte Text hat nichts mit dem ursprünglichen Thema zu tun. Da dies nicht gern gesehen ist, wird er in der Regel als OffTopic markiert um zu zeigen das man sich dessen bewußt ist.[ /offtopic ] ergibt:
[offtopic]

Der so markierte Text hat nichts mit dem ursprünglichen Thema zu tun. Da dies nicht gern gesehen ist, wird er in der Regel als OffTopic markiert um zu zeigen das man sich dessen bewußt ist.[/offtopic]

31 Trennlinie einbinden

Manchmal gibt es Situationen in denen möchte man etwas deutlich voneinander abgrenzen,

[ trennlinie ][ /trennlinie ] ergibt:

[trennlinie][/trennlinie]

mit der Trennlinie ist dies recht einfach zu realisieren.

32 Quelle einfügen

Ihr habt einen Text im Netz gefunden den ihr hier zeigen möchtet, meist geht dabei die Quelle aber unter.

Zitat

Quellenangabe

Eine Quellenangabe ist in einer Veröffentlichung der Verweis auf eine Informationsquelle, auf die zurückgegriffen wurde, beispielsweise ein Buch oder einen Zeitungsartikel.

Inhaltsverzeichnis

[Verbergen]

• 1Allgemeines
• 2Quellenangabe im Urheberrecht
  • 2.1Bundesrepublik Deutschland
  • 2.2Österreich
• 3Siehe auch
• 4Literatur
• 5Weblinks
• 6Einzelnachweise

Allgemeines[Bearbeiten | Quelltext bearbeiten]

Die Quellenangabe wird entweder direkt am Objekt (Artikel, Bericht, Foto, Zeichnung, Zitat) gemacht, oder in einem gesonderten „Quellenverzeichnis“ angegeben. In Ton- oder Filmmaterial können die Quellen im Nachspann angesagt oder angezeigt werden.

Erfolgt die Quellenangabe direkt am Objekt, so steht sie meistens in Klammern. Zum Beispiel:

• „Kaiser Hubert der Große regierte Atlantis von 1111 bis 1112.“ (Max Musterautor: Atlantis. Berlin 1901, S. 123)
• „Beobachtungen des Weltraumteleskops Hubble ergaben, dass sich die Monde des Uranus

Alles anzeigen

[ quelle ]https://de.wikipedia.org/wiki/Quellenangabe[ /quelle ]ergibt:

[quelle]Quellenangabe – Wikipedia[/quelle]

33 Thema schließen

Für Moderatoren und Admins verfügbar, um deutlich zu zeigen das dieses Thema geschlossen wurde.

[ close ][ /close ] ergibt:

[close][/close]

34 Font Awesome Icons

Das sind standardisierte Icons die man immer häufiger antrifft. Sie können von jedermann verwendet werden, ohne auf irgendwelche Quellen zu verweisen, sind klein, flexibel und sehr leicht anpassbar. Man kann sowohl die Größe als auch die Farbe ändern, indem man sie einfach wie Text behandelt.

    

35 Referenz / Quelle

Steht nur hier im Lexikon zur Verfügung und ist eigentlich überflüssig da bereits an anderer Stelle für alle Bereiche verfügbar.

Nun hoffe ich doch sehr, euch einen kleinen Einblick verschafft zu haben, bei Fragen dazu stehe ich natürlich gerne weiterhin zur Verfügung.

Antonius behüt und herzliche Grüße

Frank