Englisch: Projects More |
PmWikiDe /
Wikistile
Autoren (Grundlagen und Fortgeschritten)
Wikistile erlauben es dem Autor, die Farbe und andere Merkmale eines Seiteninhalts zu verändern. Ein Wikistil wird von Prozentzeichen eingerahmt wie z. B. bei Wikistil-AttributeDie erkannten Stilattribute innerhalb eines Wikistils sind:
Die Attribute in den ersten beiden Spalten entsprechen den Cascading Style Sheet (CSS) Attributen gleichen Namens. Die Attribute in der letzten Spalte sind nur für bestimmte Dinge gültig:
Wikistile contra CSS-StileWikistile, wie sie in die Seitenquelltexte geschrieben werden, sind nicht exakt CSS-Stile oder CSS-Klassen. Wikistile erlauben Autoren, sowohl vom Administrator vordefinierte CSS-Klassen als auch eigenen Klassen zu benutzen und neue Kombinationen von Stilen zu definieren, ohne die lokalen CSS-Dateien auf dem Server zu verändern. Beachten Sie, dass PmWiki fortgeschrittenen Autoren erlaubt, Textfarben und SchriftenDie grundlegenste Anwendung von Wikistilen ist das Ändern von Textattributen wie Farbe, Hintergrundfarbe und Schriftart. PmWiki definiert bereits einige Wikistile für die Veränderung der Farbe vor:
Für andere als die vordefinierten Farben verwendet man den
Die Hintergrundfarbe kann mit dem Wikistil
Weitere Farbdefinitionen: Wikistil-Farben TextausrichtungWikiStile werden benutzt, um die Textausrichtung zu kontrollieren
und den Textfluss zu beeinflussen:
GültigkeitsbereichWikistile können auch einen Gültigkeitsbereich angeben; ohne Gültigkeitsbereich wird der Stil dem nachfolgenden Text bis zum nächsten Wikistil oder dem Ende des Absatzes zugewiesen, je nachdem, was zuerst kommt. Das apply=-Attribut und seine Kurzformen erlauben den Gültigkeitsbereich wie folgt zu ändern:
Demnach ist Auch einige vordefinierte Stilkurzformen machen Gebrauch von apply=, so ist Beispiel:
Vorbehalt: Ein angewendeter Wikistil wirkt nur, wenn er in der ersten Zeile dessen steht, was er verändern soll. Mit anderen Worten, ein Wikistil in der dritten Quellkodezeile eines Absatzes kann die Attribute des Absatzes nicht ändern.
Wenn Sie eine Liste in zwei Listen teilen wollen, reicht nicht eine leere Zeile, die nichts oder nur Leerzeichen enthält. Diese wird als zum vorigen Listenpunkt gehörend angesehen.
Größere BlöckeDer
Anmerkung: Die HTML "class" und "style" auf
|
(:div class="green" style="font-style:italic; border:1px solid blue; color:#00aa00; background-color:#ffffcc":) Alles nach dieser Zeile ist grün und kursiv Das beinhaltet vorformatierten Text * Listen -> eingerückte Zeilen (:divend:) | Alles nach dieser Zeile ist grün und kursiv Das beinhaltet vorformatierten Text
eingerückte Zeilen
|
(:div1 style="font-style:italic; background-color:#ffffcc":) Äußerer Stil (:div2 style="color:red; background-color:lightblue":) verschachtelter Stil (:div2end:) wieder äußerer Stil (:div1end:) | Äußerer Stil verschachtelter Stil wieder äußerer Stil |
Wikistile sind nur die Kommandos zwischen den Prozentzeichen %...%
.
Tabellen und Tabellendirektiven erlauben fortgeschrittenen Autoren, die HTML/CSS-Attribute class=
und style=
einzubauen. Beachten Sie, dass diese Attribute keine Wikistile sind, Kenntnisse in CSS sind Voraussetzung für ihren Gebrauch.
||border=1 class="beispiel" style="font-style:italic; border:1px solid blue; background-color:#ffffcc" ||Kursiver Text mit gelbem Hintergrund, CSS-Klasse "beispiel" (falls definiert)|| ||für eine einfache Tabelle|| |
|
(:table class="beispiel" style="font-style:italic; border:1px solid blue; background-color:#ffffcc":) (:cellnr:) Kursiver Text mit gelbem Hintergrund, CSS-Klasse "beispiel" (falls definiert) Einschließlich vorformatiertem Text * Listen -> Einrückung (:tableend:) |
|
Mit dem define=
-Attribut können einem Kurznamen verschiedene Wikistile zugewiesen werden. Dieser Kurzname kann für spätere Wikistile verwendet werden.
%define=box block bgcolor=#eeeeee border="2px dotted blue"% %box% [@ $ echo "Hallo Welt" Hallo Welt $ exit @] %box font-weight=bold color=green% [@ $ echo "Ich sagte, HALLO" @] | $ echo "Hallo Welt" Hallo Welt $ exit $ echo "Ich sagte, HALLO" |
%define=warn green%
und verwenden dann %warn%
anstatt %green%
im Dokument. Dann können Sie später immer noch entscheiden, dass Warnungen vielleicht doch anders dargestellt werden sollen. So ist es viel einfacher, die (eine) Definition anstatt vieler (%green%
-)Stile zu ändern.
%pre%
das Gleiche wie %class=pre%
.
PmWiki definiert einige Stilkurznamen:
%color=...%
)
%center%
und %right%
%rfloat%
und %lfloat%
%frame%
, %rframe%
, und %lframe%
%thumb%
%newwin%
(Kurzname für %target=_blank%
)
%comment%
(Abkürzung für %display=none%
), das ist nicht gedacht zum Verbergen von Geheimnissen. Der verdeckte Inhalt wird immer noch in den Quelltext geschrieben und kann von Bots gelesen oder mit Seitentext anzeigen im Browser sichtbar gemacht werden.
%decimal%
, %roman%
, %ROMAN%
, %alpha%
, %ALPHA%
, %reversed%
(siehe auch Cookbook:OutlineLists)
Dieser Abschnitt handelt von der Syntaxhervorhebung in verschiedenen Programmiersprachen unter Benutzung einer externen Bibliothek. Wenn Sie statt dessen – oder zusätzlich – die Syntax von PmWikis Markup-Syntax in der Dokumentation hervorheben möchten, sehen Sie bitte unter $EnablePmSyntax
nach.
Seit Version 2.2.119 macht es PmWiki relativ leicht, Syntaxhervorhebungen für vorformatierte Textblöcke zu aktivieren, umschlossen von [@geschützten@]
Markup-Blöcken.''.
Um die Syntaxhervorhebungen zu aktivieren, fügen Sie Ihrer config.php-Datei das Folgende hinzu:
$EnableHighlight = 1; $HTMLHeaderFmt['Highlight'] = ' <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@latest/build/styles/default.min.css" /> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@latest/build/highlight.min.js"></script>';
Dies lädt die Highlight.js-Bibliothek von einem globalen Content Delivery Network (CDN), aber Sie können stattdessen diese beiden Dateien auch in Ihr pub
-Verzeichnis kopieren und darauf verweisen.
Dann können Sie – in einer Wikiseite – die Wikistile %highlight%
oder %hlt%
und die Sprache benutzen, um damit Ihre Kodeblöcke zu markieren.
Entweder direkt vor dem Kodeblock:
%hlt php%[@ function SDVA(&$var,$val) { foreach($val as $k=>$v) if (!isset($var[$k])) $var[$k]=$v; } function IsEnabled(&$var,$f=0) { return (isset($var)) ? $var : $f; } @] |
function SDVA(&$var,$val) { foreach($val as $k=>$v) if (!isset($var[$k])) $var[$k]=$v; } function IsEnabled(&$var,$f=0) { return (isset($var)) ? $var : $f; } |
Oder in einem umgebenden DIV-Block:
>>highlight css<< /* Dies justiert die Größen und Abstände von Überschriften */ h1, h2, h3, h4, h5, h6 { margin:1.0em 0 .6em 0; } h1, h2, h3, h6 { font-weight:normal; } h4, h5 { font-weight:bold; } >><< |
/* Dies justiert die Größen und Abstände von Überschriften */
h1, h2, h3, h4, h5, h6 { margin:1.0em 0 .6em 0; }
h1, h2, h3, h6 { font-weight:normal; }
h4, h5 { font-weight:bold; }
|
Wenn Sie die Möglichkeit korrekt aktiviert haben, sehen Sie die Syntaxhervorhebung des obigen Kodes.
Vielleicht möchten Sie auch eine [+]
Kopiere-Kode-Schaltfläche aktivieren, die oben rechts von einem vorformatierten Block erscheint. Fügen Sie zur config.php
-Datei hinzu:
$EnableCopyCode
= 1;
Stile, die oben nicht definiert sind, kann ein Wiki-Administrator aktivieren, indem er die local/config.php-Datei verändert. Um z. B. das "line-height"-Stilattribut zu aktivieren, fügt er die folgende Zeile hinzu:
$WikiStyleCSS[] = 'line-height';
Sie können zusätzliche HTML-Elemente zu $WikiStyleApply
hinzufügen, um WikiStyles auf weitere HTML-Elemente anzuwenden, um zum Beispiel Stile für Tabellenzeilen oder Anker-Tags zu erlauben.
Um einen Stil auf Anker-Tags anzuwenden, setzen Sie folgende Zeile in die config.php:
$WikiStyleApply['link'] = 'a';
Dann können Sie eine Klasse oder einen Stil auf einen Anker-Verweis anwenden:
%apply=link red%[[PmWiki.WikiStyles | test link]] |
Oder, um ein ID-Attribut zu einer Tabellenzeile hinzuzufügen, setzen Sie die folgende Zeile in die config.php:
$WikiStyleApply['row'] = 'tr';
und in einer erweiterten Tabelle schreiben Sie:
(:cellnr:) %apply=row id=myid bgcolor=pink% cell content
Das geht auch auch in einer einfachen Tabelle:
|| border=1 || %apply=row id=myrowid% 1 || 2 || 3 || 4 ||
Beachten Sie: Der %apply=row...%
-WikiStil sollte in der gleichen Zeile wie (:cellnr:)
stehen. Dem (:cellnr:)
muss ein Leerzeichen folgen.
Beispiele zu den Wikistilen enthält eine Reihe von Beispielen, wie Wikistile in Seiten eingesetzt werden können.
%block width=50% %
) derzeit nicht, da es ein Problem ist, diese von der Endmarkierung der Stildefinition zu unterscheiden. Statt dessen schreibt man %block width=50pct %
.
border="2px solid blue"
), diese in Anführungszeichen zu setzen.
%color=#aa3333%
wird akzeptiert, %color=#AA3333%
möglicherweise nicht.
Übersetzung von PmWiki.WikiStyles, Originalseite auf PmWikiDe.WikiStyles — Backlinks
Zuletzt geändert: | PmWikiDe.WikiStyles | am 03.03.2023 |
PmWiki.WikiStyles | am 02.03.2023 |