Table Of Contents

Verfügbare Funktionalitäten

Die erweiterten Wiki-Funktionalitäten umfassen u.a. folgende Funktionen:

  • Syntax-Highlighting für Programmcode
  • PDF-Export von Wikis
  • Inhaltsverzeichnis für Wikis
  • Finden und Ersetzen von Text in Wiki-Seiten
  • Bildergalerien für Emojis, Tastatursymbole, Computersymbole etc.
  • Bilder über Bildgallerie einfügen
  • Worddatei importieren
Eine vollständige Dokumentation der Funktionalitäten ist zu finden im Dokument

Aktivierung der erweiterten Wiki-Funktionalitäten


Um diese Funktionen nutzen zu können, müssen folgende SharePoint-Feature für Ihre Webseite aktiviert sein:
  • BlueBridge Wiki Erweiterungen
  • BlueBridge Wiki: Beispiel Galerien
  • BlueBridge Wiki: Import
Dazu gehen Sie wie folgt vor:
  1. Anmelden an Ihrer SharePoint-Website mit administrativen für die zu konfigurierende Website.
  2. Klicken auf  das Zahnradsymbol , dann auf "Websiteinhalte" und dann auf "Websiteeinstellungen" oder "Einstellungen".
  3. Klicken Sie auf "Websitefeatures verwalten".
  4. Aktivieren Sie die Feature "BlueBridge Wiki Erweiterungen", "BlueBridge Wiki: Beispiel Galerien" und "BlueBridge Wiki: Import".  
Wiki-Features.png

Nutzung der erweiterten Wiki-Funktionalitäten


Anschließend können Sie u.a. die folgende Funktionalitäten nutzen:

Syntax-Highlighting für Programmcode

Im Bearbeitungsmodus einer Wiki-Seite kann das Syntax-Highlighting wie folgt genutzt werden:

  1. Positionieren Sie den Cursor an die Stelle im Dokument, an welche Sie Programmcode eingefügen möchten.
  2. Unbedingt beachten! 
    Überschreiben Sie eventuell vorhandene Formatierungen, indem Sie die entsprechende Zeile markieren und anschließend die Formatvorlage "Absatz" (Style "Paragraph") auswählen.

    Wiki-Style.png

  3. Klicken Sie anschließend auf die Registerkarte "Einfügen" und anschließend auf das Symbol "Syntax Format".
  4. Fügen Sie den Programmcode ein und wählen Sie die passende Programmiersprache aus.
  5. Klicken Sie auf "OK".

Der Programmcode wird nach dem Speichern der Seite und Beenden des Bearbeitungsmodus entsprechend koloriert angezeigt.

Die gewählte Programmiersprache kann im Bearbeitungsmodus angepasst werden, indem Sie den Cursor im Programmcode positionieren und anschließend auf das Symbol "Syntax Format" klicken.

Die Größe der verwendeten Schrift kann per Konfiguration der Wiki-Funktionalität in den Websiteeinstellungen verändert werden, s. dazu "Anpassung der Konfiguration der Wiki-Funktionalität".

Wiki-Highlighting.png

PDF-Export von Wikis

Der PDF-Export von Wikis kann wie folgt genutzt werden:

  1. Klicken Sie auf den Registerkarte "Seite" und anschließend auf das Symbol "Als PDF exportieren".
  2. Speichern Sie die Wiki-Seite im PDF-Format in einem Ordner Ihrer Wahl.
Wiki-PDF.png

Inhaltsverzeichnis für Wikis

Um ein Inhaltsverzeichnis für eine Wiki-Seite  erstellen zu lassen, gehen Sie wie folgt vor:

  1. Wechseln Sie in den Bearbeitungsmodus.
  2. Stellen Sie den Cursor an den Anfang der Wiki-Seite und fügen Sie eine leere Zeile ein.
  3. Legen Sie das gewünschte Textformat des Inhaltsverzeichnisses über eine Formatvorlage aus der Registerkarte "Text formatieren" im Abschnitt "Formatvorlagen" fest.
    Für das Inhaltsverzeichnis dieser Seite wurde "Absatz" + "Intensive Hervorhebung" ausgewählt.
  4. Klicken Sie auf den Registerkarte "Einfügen" und anschließend auf das Symbol "Inhaltsübersicht einfügen".
  5. Speichern Sie die Wiki-Seite.
Es wird ein Inhaltsverzeichnis anhand der Überschriftselemente H1 bis H4 des HTML-Codes der Wiki-Seite generiert. Ein Beispiel dafür sehen Sie am Beginn dieser Wiki-Seite.

Suchen und Ersetzen von Text in Wiki-Seiten

Sie können in einer Wiki-Seite Text suchen und ersetzen, indem Sie in den Bearbeitungsmodus wechseln und anschließend in der Registerkarte "Text formatieren" im Abschnitt "Suchen und Ersetzen" die Befehle "Weitersuchen", "Ersetzen" und "Alle Ersetzen" nutzen.

Wiki-FindReplace.png

Bildergalerien

Um Symbole aus vordefinierten Bildergalerien in eine Wiki-Seite einzubetten, wechseln Sie in den Bearbeitungsmodus, klicken auf die Registerkarte "Einfügen" und können anschließend das Symbole aus den Bildergalerien "Emoticons", "Gemischt" und "Tastatur" auswählen.
Wiki-Gallery.png

Bilder über Bildgalerie einfügen

Bevor Sie Bilder über eine Bildgalerie einfügen können, muss diese festgelegt werden, s. dazu "Anpassung der Konfiguration der Wiki-Funktionalität".

Um ein Bild in eine Wiki-Seite einzufügen, gehen Sie wie folgt vor:

  1. Wechseln Sie in den Bearbeitungsmodus.
  2. Klicken Sie auf die Registerkarte "Einfügen" und anschließend auf das Symbol "Bild" und anschließend auf "Bildgallerie".
  3. Wählen Sie das gewünschte Bild und Effekt aus. 
Wiki-Bildgallerie.png Wiki-BildgallerieDialog.png

  

Verfügbare Bildeffekte

  • Lightbox - zeigt das Bild in einem Pop-Up-Fenster an, so dass Sie eine vergrößerte Ansicht sehen können, ohne vom Artikel wegnavigieren zu müssen. 
  • Zoom - Vergrößung einzelner Teile des Bildes. 

Worddatei importieren

Um eine Worddatei in ein Wiki zu importieren, gehen Sie folgt vor:

  1. Klicken Sie auf den Registerkarte "Seite" und anschließend auf das Symbol "Word Import".
    Wiki-Word.png
  2. Wählen Sie die Word-Datei für den Import aus und legen Sie weitere Optionen wie z.B. die SharePoint-Bibliothek für den Bilderimport fest und klicken Sie anschließend auf "Import starten".
    Wiki-WordImport.png

Anpassen der Konfiguration der Wiki-Funktionalität

Um die erweiterten Wiki-Funktionalitäten anzupassen, gehen Sie wie folgt vor:
  1. Klicken Sie auf den Registerkarte "Seite" und anschließend auf das Symbol "Bibliothekeinstellungen".
  2. Klicken Sie auf den Befehl "Wiki Einstellungen"
Wiki-Config.png

Im Abschnitt "Bibliotheken" unter "Syntax Highlighting" lässt sich die Schriftgröße für das Syntax-Highlighting von Programmcode in "em" oder "px" festlegen.
Die Standardschriftgröße für das Syntax-Highlighting ist 1em.

Im Abschnitt "Bibliotheken" unter "Bildbibliothek" können Sie die zu verwendende Standardbildbibliothek für die Funktionalität Bildeinfügen konfigurieren.

Die verschiedenen Einstellungen sind im Kapitel 7 "Wiki Konfiguration" des Dokumentes wiki_user_manual_2016.de.pdf erklärt.


Problem-Workarounds


Einbinden von Programmcode in eine Wiki-Seite

Um Programmcode in eine Wiki-Seite einzubinden, gehen Sie wie folgt vor:

  1. Wechseln Sie in den Bearbeitungsmodus.
  2. Stellen Sie den Cursor an den Anfang der Wiki-Seite.
  3. Klicken Sie auf die Registerkarte "Einfügen" und anschließend auf das Symbol "Webpart".
  4. Wählen Sie die Kategorie "Medien und Inhalt" und unter Webparts "Skript-Editor".
  5. Klicken Sie auf "Hinzufügen".
    Wiki-Insert-Skript-Editor.png
  6. Klicken Sie in der angegeben Reichenfolge.
    Wiki-Edit-Skript-Editor.png
  7. Klicken Sie anschließend auf "CODEABSCHNITT BEARBEITEN".
    Wiki-Edit-Skript-Code.png
  8. Fügen Sie den Code ein und klicken Sie dann auf "Einfügen".
    Wiki-Edit-Skript-CodeInsert.png

Ausblenden des Dateinamens einer Wiki-Seite in der Kopfzeile

SharePoint zeigt den Dateinamen der Wiki-Seite standardmäßig in der Kopzeile an.

Folgende CSS-Code blendet die entsprechende Kopfzeile aus:

<style type="text/css">
h1#pageTitle {
display :none;
}
</style>

Um den Dateinamen einer Wiki-Seite in der Kopzeile auszublenden, gehen Sie vor, wie in den Schritten 1 bis 8 im Abschnitt "Einbinden von Programmcode in eine Wiki-Seite" in dieser Seite dokumentiert unter Benutzung des obigen CSS-Codes.

Entfernen von breitenlosen Leerzeichen (ZWSP) aus einer Wiki-Seite

Falls SharePoint in Ihre Wiki-Seite breitenlose Leerzeichen eingefügt hat, können diese über folgendes JavaScript automatisch entfernt werden:

<script type="text/javascript" src="/_layouts/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // remove those pesky zero width space unicode characters inserted by sharepoint
    $('.ms-rte-layoutszone-inner:contains("\u200B")').each(function () {
        $(this).html($(this).html().split("\u200B").join(""));
    });
    $('.ms-rte-layoutszone-inner-editable:contains("\u200B")').each(function () {
        $(this).html($(this).html().split("\u200B").join(""));
    });
});
</script>

Um breitenlose Leerzeichen per JavaScript automatisch entfernen zu lassen, gehen Sie vor, wie in den Schritten 1 bis 8 im Abschnitt "Einbinden von Programmcode in eine Wiki-Seite" in dieser Seite dokumentiert unter Benutzung des obigen JavaScript-Codes.