Bobaro V2.8.0 Update
Abbildung beispielhaft

Hallo, meine lieben Buchstabenjongleure und Absatz-Architekten! ✍️

Schnallt euch an, denn heute gibt's ein Update, das gleich an mehreren Ecken eurer Bobaro-Welt funkelt. Macht euch einen Kaffee, Tee oder was auch immer euch beim Schreiben begleitet – es lohnt sich.

Der Hero-Bereich glänzt jetzt richtig

Eure Startseite bekommt ordentlich Politur. Bilder im Hero-Bereich werden jetzt immer im schönen Querformat angezeigt – egal, welches Seitenverhältnis euer Originalbild hat, es sieht jetzt überall einheitlich und aufgeräumt aus. Und weil Lesbarkeit uns wichtig ist: Die Bildunterschrift hat einen sanften Glas-Effekt bekommen, der sich an jeden Hintergrund anpasst, egal wie hell oder dunkel das Bild darunter ist.

Außerdem zeige ich euch jetzt direkt im Hero-Bereich, wie eure Artikel ankommen – Likes, Aufrufe und Kommentare auf einen Blick. Und die "Weiteren Artikel" darunter? Die tragen jetzt das gleiche schicke Kartendesign wie eure Startseite, inklusive Seitennavigation. Ein Blick, ein Stil, überall.

Eure Textlänge, eure Regeln

Ihr kennt das: Ihr stellt in den Einstellungen ein Vorschau-Zeichenlimit ein – und bisher hat sich nicht jede Ansicht ganz daran gehalten. Das ist jetzt Geschichte. Hero-, Medium- und Masonry-Ansicht respektieren jetzt exakt euren eingestellten Wert. Eure Vorschau, eure Länge.

Und jetzt das Highlight des Updates: bunte Code-Blöcke! 🎨

Für alle unter euch, die gerne auch mal Code in ihren Artikeln zeigen: Ab jetzt könnt ihr eure Code-Blöcke einfärben lassen. Einfach nach den drei Backticks die Sprache angeben – html, css, javascript, php oder markdown – und der Code wird automatisch farbig und übersichtlich dargestellt, inklusive Zeilennummern. Schreibt ihr keine Sprache dazu, bleibt alles wie gewohnt – ihr entscheidet.

Hier wird der Inhalt bewusst ohne Syntax-Hervorhebung dargestellt. Da keine Programmiersprache angegeben ist, kann die Box nicht erkennen, welche Elemente besonders hervorgehoben werden sollen.

Gerade für reine Texte, Konfigurationsbeispiele, Befehle oder Inhalte, die einfach kopiert und weiterverwendet werden sollen, ist diese Darstellungsform jedoch ideal. Der Inhalt bleibt übersichtlich, sauber formatiert und frei von zusätzlichen Hervorhebungen, die beim Lesen oder Kopieren stören könnten.
1<div class="card">2  <h2>Titel</h2>3  <p>Das ist ein Test.</p>4</div>
Gerade in Reviews, Tutorials oder technischen Anleitungen kommt es immer wieder vor, dass HTML-Code gezeigt werden soll. Damit solche Beispiele übersichtlich und gut lesbar dargestellt werden können, erkennt Bobaro HTML automatisch und formatiert den Quellcode entsprechend.

So lassen sich HTML-Beispiele sauber präsentieren, ohne dass der eigentliche Code ausgeführt wird. Das macht es besonders einfach, Codeausschnitte zu erklären, Layouts vorzustellen oder kleine Praxisbeispiele direkt im Artikel zu zeigen.
<div class="card">

  <h2>Titel</h2>

  <p>Das ist ein Test.</p>

</div>
Cascading Style Sheets, kurz CSS, sind in der Webentwicklung immer wieder ein wichtiges Thema. Mit CSS bestimmst du, wie eine Website aussieht – von Farben und Schriftarten bis hin zu Abständen, Animationen und modernen Effekten.

Die Möglichkeiten sind nahezu grenzenlos, weshalb CSS schnell zu einem sehr umfangreichen und komplexen Thema werden kann. Genau deshalb greifen viele Entwickler auf sogenannte CSS-Snippets zurück. Dabei handelt es sich um kleine Codebausteine, mit denen sich beispielsweise animierte Buttons, besondere Hover-Effekte oder andere optische Highlights einfach umsetzen lassen.

Damit solche Beispiele nicht nur im Quelltext gut aussehen, sondern auch im Artikel selbst sauber dargestellt werden, unterstützt Bobaro jetzt auch diese Inhalte problemlos und übersichtlich.
.card {

  background: #1e1e1e;

  border-radius: 8px;

  padding: 1rem;

}
JavaScript kommt auf vielen Websites zum Einsatz, wenn Inhalte dynamisch verändert, Berechnungen durchgeführt oder bestimmte Abläufe automatisiert werden sollen. Ob interaktive Formulare, kleine Helferfunktionen oder komplexe Anwendungen – JavaScript gehört heute zu den wichtigsten Werkzeugen der modernen Webentwicklung.

Auch für JavaScript gibt es unzählige Code-Beispiele und praktische Snippets, die häufig in Artikeln, Tutorials oder Dokumentationen verwendet werden. Damit diese übersichtlich und gut lesbar dargestellt werden können, unterstützt Bobaro selbstverständlich auch solche Quellcode-Beispiele.

In diesem Beispiel wird lediglich eine kleine Begrüßungsmeldung ausgegeben, die anschließend in der Browser-Konsole angezeigt wird. Ein einfaches Beispiel, das zeigt, wie JavaScript-Code innerhalb eines Artikels dargestellt werden kann.
function gruss(name) {

  console.log("Hallo " + name + "!");

}

gruss("Sven");
PHP ist für viele Entwickler das Arbeitspferd der Webentwicklung. Von einfachen Websites über Blogs und Onlineshops bis hin zu komplexen Webanwendungen lassen sich mit PHP die unterschiedlichsten Projekte realisieren.

Die Sprache wird seit vielen Jahren erfolgreich eingesetzt und bildet die Grundlage zahlreicher bekannter Systeme und Plattformen. Entsprechend groß ist die Auswahl an Beispielen, Tutorials und Code-Snippets, die man in Artikeln oder Dokumentationen verwenden kann.

Natürlich unterstützt Bobaro auch PHP-Quellcode und sorgt dafür, dass dieser übersichtlich, sauber formatiert und gut lesbar dargestellt wird.
phpfunction gruss($name) {

    return "Hallo " . $name . "!";

}

echo gruss("Sven");
Markdown gehört zu den beliebtesten Möglichkeiten, Texte schnell und übersichtlich zu formatieren. Auch ich nutze Markdown sehr gerne, da sich bereits mit wenigen Zeichen strukturierte und gut lesbare Inhalte erstellen lassen.

Natürlich unterstützt Bobaro auch Markdown-Inhalte. Überschriften, Listen, Zitate, Links oder andere typische Formatierungen können damit einfach dargestellt werden, ohne dass dafür umfangreiche HTML-Kenntnisse erforderlich sind.

Da der Editor selbst bereits mit Markdown arbeitet, solltest Du bei eingebetteten Markdown-Beispielen jedoch etwas genauer hinschauen. In bestimmten Fällen können sich Formatierungen gegenseitig beeinflussen oder anders dargestellt werden als erwartet. Ein kurzer Blick in die Vorschau hilft dabei, das Ergebnis vor der Veröffentlichung zu kontrollieren.
# Überschrift 1

Hier mein Text auch so.

Ein kurzes Wort zur Technik dahinter, weil uns Transparenz wichtig ist: Für das Einfärben nutzen wir die freie Open-Source-Bibliothek highlight.js (BSD-3-Clause-Lizenz) sowie das dazugehörige Zeilennummern-Plugin highlightjs-line-numbers.js (MIT-Lizenz). Beide sind komplett kostenlos für private wie kommerzielle Nutzung freigegeben.

Und das Beste in Sachen Datenschutz: Ich laden diese Dateien nicht von einem fremden Server (CDN), sondern haben sie direkt bei euch auf eurem eigenen Bobaro-Server hinterlegt. Das heißt: Kein Drittanbieter bekommt jemals eure Besucher-IP zu Gesicht, keine externe Verbindung wird aufgebaut, und ihr braucht dafür auch keinen Cookie-Banner. Alles bleibt schön bei euch zuhause.

Das war's für heute, meine Lieben. Schreibt weiter, was euch am Herzen liegt – Bobaro sieht jetzt nur noch ein kleines bisschen besser dabei aus.

Die Inhalte auf dieser Website wurden unabhängig und nach bestem Wissen redaktionell erstellt. Sie dienen ausschließlich der Information und stellen keine Beratung oder Empfehlung dar.

Die Nennung von Marken-, Produkt- und Firmennamen erfolgt ausschließlich zu Informationszwecken. Es besteht keine Verbindung, Kooperation oder Empfehlung durch die jeweiligen Rechteinhaber.

Darstellungen, Vorschaubilder (Thumbnails), Grafiken sowie verwendete Screenshots dienen der Visualisierung und können vom tatsächlichen Erscheinungsbild abweichen. Die Screenshots wurden eigenständig erstellt und dienen der Veranschaulichung von Funktionen. Alle dargestellten Inhalte, Marken und Benutzeroberflächen gehören den jeweiligen Rechteinhabern. Änderungen durch Software-Updates oder unterschiedliche Versionen sind jederzeit möglich.

Einige verwendete Inhalte und Gestaltungselemente stammen von Drittanbietern und werden im Rahmen der jeweils geltenden Lizenzbedingungen genutzt.

Für Inhalte externer Quellen und verlinkter Seiten sind ausschließlich deren Betreiber verantwortlich.

Alle Angaben ohne Gewähr auf Vollständigkeit, Aktualität und Richtigkeit.
Über den Autor
Sven Owsianowski
Sven Owsianowski
Softwareentwickler, Autor & Dozent (Informatik)
Seit fast 30 Jahren baue ich Software, die aus echten Alltagsproblemen klare Lösungen macht – angefangen bei Bobaro, weiter über den QR‑Code Creator bis hin zu ICE Notfallinfo. Ich mag Technik, die verständlich bleibt, sicher funktioniert und Menschen wirklich hilft. Besonders ziehen mich KI, IT‑Sicherheit und digitale Werkzeuge an, die nicht nur clever sind, sondern nützlich. Auf wattblicker.de schreibe ich über Technik, die Freude macht statt Kopfzerbrechen.