BookStack

BookStack ist eine Wiki Software, geschrieben in PHP unter Verwendung des Laravel Frameworks. Angebunden ist diese BookStack Instanz an Keycloak von meinem Univention UCS.

URL: https://www.bookstackapp.com

Externe Links markieren

Um externe Links als solche zu markieren, bin ich auf einen Blogeintrag gestoßen der genau dies ~~ermöglicht.~~beschreibt. Hierzu benötigt es eine Erweiterung des Stylesheets. (Einstellungen -> Personalisierung -> Benutzerdefinierter HTML <head> Inhalt)

<style>
  /* mark external links like on wikipedia https://en.wikipedia.org/wiki/Help:External_link_icons */
  /* svg from https://en.wikipedia.org/w/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg, licensed under the gnu general public license https://www.mediawiki.org/wiki/Copyright */
  /* converted for use in css with https://www.svgbackgrounds.com/tools/svg-to-css/ */
  .page-content a[href^="http"]:not([href^="https://wiki.minifisch.at"]) {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>external link</title><path fill="%23206ea7" d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16zM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1"/></svg>');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 0.857em; /* matches the 12px icon size given bookstack's default 14px text size */
    padding-right: 1em;
  }
</style>