Vorlage:Geschichte Anfang

Textform für Geschichten. Eine Geschichte wird mit {{Geschichte Ende}} abgeschlossen. Benutzung:

{{Geschichte Anfang}}
Text
 …
Text
{{Geschichte Ende}}

Erstellt:

• Kategorie: Geschichte für alle Geschichten.

Parameter

|Breite=  

(Voreinstellung 45em)

|Zusammenfassung=  

Text für Zusammenfassung

|Material=  

Material für Erzählutensilien (Attribut:Erzählutensilien)

|Wörter Silbentrennung für Druckausgabe= 

Wörter für die Silbentrennung (Beispiel: |Wörter Silbentrennung für Druckausgabe=Mär-chen Dich-tung)

|CSS-Klassen=  

CSS Klasse für die Formgebung des Textes

|CSS-Stil=  

CSS Stil für die Formgebung des Textes

Abhängigkeiten

• Formular: Geschichte
• Vorlage: Geschichte Ende
• Vorlage:Geschichte Anfang/Vorgabe
• #var: restrictInclude → beläßt den Seitentitel. Normalerweise wir dieser zentriert.
• CSS Klasse story
• CSS Klasse .javascript-silbentrennung, ID #woerter-fuer-silbentrennung
•  template:BrowseByAskQueryPreviousNext

CSS

/* [[Vorlage:Geschichte Anfang]] als Erstzeileneinzug, außer erster Absatz */
.story p + p {
  text-indent: 1em;
  padding-left: -1em;
  margin-top:0;
  margin-bottom: 0;
}

.story p:first-of-type {
  margin-bottom: 0;
}

JavaScript

/**
 * @description: Wörter auf einer Seite ersetzen, zu ­-Silbentrennung
 * 
 * Benutzung: mit Leerzeichen getrennte Wörter und jeweils mit Bindestrich an der Trennungsstelle
 * <div id="woerter-fuer-silbentrennung" style="display:none">Blü-ten-stand Cam-pa-nu-la-ceae Frucht-kno-ten</div>
 * Auf alle HTML-Elemete mit der class="javascript-silbentrennung" wird für 
 * obige Wörter eine Form mit Silbentrennung ersetzt, z.B.: bei Blütenstand wird Blü-ten-stand zu Blü&shy;ten&shy;stand
 * Alternativ kann die Funktion in der JavaScript Konsole verwendet werden:
 *   init_silbentrennung_auf_dieser_seite("Blü-ten-stand ge-trennt")
 * @requires: <div id="woerter-fuer-silbentrennung">Tren-nungs-wör-ter so-wohl Bin-de-strich-tren-nung an-ge-ben im-mer leer-zei-chen-ge-trennt</div>
 * @returns {undefined}
 */

window.init_silbentrennung_auf_dieser_seite = function (woerter_silbentrennung) {
  var i=0, wort_silbentrennung=(
      typeof woerter_silbentrennung === "string" ? woerter_silbentrennung.split(" ") : $("#woerter-fuer-silbentrennung").text().split(" ")
    );
  if (wort_silbentrennung.length) {
    for (i = 0; i < wort_silbentrennung.length; i++) {
        var suchwort = wort_silbentrennung[i].replace(/-/g, "").replace(/[.*+?^${}()|[\]\\]/g, '\\$&'),
            ersetztwort = wort_silbentrennung[i].replace(/-/g, "&shy;"),
            /** globales Suchen:
             * Vorsicht JavaScript Suchen-Ersetzen kann von Haus aus nicht mit Unicode umgehen,
             * alles, was nicht ASCII an der Wortgrenze ist, ersetzt er nicht.
             * "ä-the-risch" wird nicht ersetz durch ä&shy;the&shy;risch, weil ä fälschlicher weise
             * auch als Wortgrenze interpretiert: Abhilfe ist hier das anfängliche ä weglessen: "-the-risch".
             * JavaScript interpretiert von Haus aus äöüαβυ usw. auch als Wortgrenze, Griechisch ersetzt er gar nicht usw.
             */
            reg_suchwort = new RegExp("\\b" + suchwort + "\\b","ug");
        if (wort_silbentrennung[i].length) {
          $("#mw-content-text").find(".javascript-silbentrennung h2, .javascript-silbentrennung h3,  .javascript-silbentrennung h4,  .javascript-silbentrennung h5" +
            ", .javascript-silbentrennung p, .javascript-silbentrennung th, .javascript-silbentrennung td,  .javascript-silbentrennung div" +
            ", .javascript-silbentrennung li" +
            ", .javascript-silbentrennung a, .javascript-silbentrennung b" +
            ", .javascript-silbentrennung em, .javascript-silbentrennung i" +
            ", .javascript-silbentrennung span, .javascript-silbentrennung strong"
          ).contents().filter(function() {
            return this.nodeType === 3; // text nodes
          }).replaceWith(function() {
            return this.nodeValue.replace( reg_suchwort, ersetztwort );
          });
        }
    }// for wort_silbentrennung
  }
};

Siehe:

• Vorlagen zum erstellen