Trix Editor Syntaxhervorhebung

Als Entwickler kommt irgendwann der Zeitpunkt, an dem wir uns mit Syntaxhervorhebung (Code Highlighting | Syntax Highlighting) befassen müssen. 
Ganz gleich, ob wir einen Blog, ein CMS, eine Dokumentationswebseite oder eine andere Rails-Anwendung erstellen, das Hinzufügen von Syntaxhervorhebung zu Code-Blöcken ist eine unverzichtbare Funktion.
In diesem Artikel lernen wir, wie man Syntax-Hervorhebung zu Rails-Anwendungen hinzufügt, indem wir verschiedene Möglichkeiten dazu und ein paar nützliche Tricks zur Verbesserung der Benutzererfahrung vorstellen.

RUBY

def theme(theme)
  # Get some CSS
  Rouge::Theme.find(theme).render(scope: ".highlight")
end

CSS

pre code-lang {
  position: absolute;
  top: 0;
  width: 100px;
}