- Details
- Kategorie: alles andere
- Zugriffe: 341
Syntax Highlighting in Joomla: Endlich eine Lösung ohne Plugin-Ballast!
Wer Code auf seiner Webseite teilen möchte, steht oft vor einem Dilemma: Entweder man nutzt ein mächtiges Plugin, das die Ladezeiten der Seite in die Knie zwingt, oder der Code sieht einfach unschön aus. Ich war lange auf der Suche nach einer ganz einfachen Lösung, die ohne externe Bibliotheken oder schwere Plugins auskommt und habe schlichtweg nichts gefunden, was wirklich schlank und funktional zugleich war. Die meisten Lösungen sind für kleine Bastelprojekte völlig überdimensioniert. Deshalb habe ich mir ein eigenes System gebaut: Ein simpler, "unkaputtbarer" Code-Block, der direkt im Joomla-Editor funktioniert, absolut sicher ist und die Performance deiner Seite nicht beeinträchtigt.
So funktioniert das "Plug-in-freie" Code-Fenster
Hinter diesem System steckt kein kompliziertes Framework, sondern eine clevere Kombination aus drei Standard-Webtechnologien:
- Die textarea (Das Fundament): Das Herzstück ist ein einfaches Textfeld. Der Clou dabei: Eine textarea interpretiert den Inhalt nicht als HTML. Das bedeutet, dass kritische Zeichen wie die spitzen Klammern in deinem Arduino-Code (<SPI.h>) einfach als Text angezeigt werden, anstatt das Layout deiner Seite zu zerstören.
- Modernes CSS (Das Design): Über Inline-Styles geben wir dem Fenster den typischen "Dark-Mode"-Look. Wir begrenzen die Höhe auf etwa 10 bis 15 Zeilen (height: 16em;) und aktivieren einen Scrollbalken. So bleibt dein Artikel übersichtlich, auch wenn der gezeigte Sketch mehrere hundert Zeilen lang ist.
- Minimales JavaScript (Die Funktion): Ein winziges Skript im Hintergrund kümmert sich um den "Kopieren"-Button. Es markiert den Text im Fenster und legt ihn direkt in die Zwischenablage des Besuchers. Ein kurzes visuelles Feedback ("✓ Kopiert") zeigt dem Nutzer sofort, dass es geklappt hat.
Das Ergebnis siehst du unten: Du hast die volle Kontrolle, keine Abhängigkeiten von Drittanbietern und eine Webseite, die trotz Code-Beispielen blitzschnell bleibt. Es ist die perfekte Lösung für alle, die ihre Projekte im Netz so sauber präsentieren wollen, wie sie ihren Code schreiben.
Hier der Code zum einfügen, das meiste ist "ausgeklammert", weil ich keinen ausführbaren Code in einem Code einfügen kann. Wenn es funktioniert nutze einfach den Link unten, hier bekommst du den nicht "auskommentierte" Code als .txt.
Notwendige Einstellungen in Joomla
Damit dein Code beim Speichern nicht von Joomla oder dem Editor "zerfressen" wird, müssen zwei Bereiche angepasst werden:
1. JCE Editor-Profil (Das Werkzeug)
Standardmäßig filtert der JCE alles heraus, was nach Programmierung aussieht. Das musst du explizit erlauben:
- Gehe zu Komponenten -> JCE Editor -> Profile.
- Klicke auf dein Profil (meist Default).
- Unter Editor-Parameter -> Erweitert stellst du folgende Punkte auf "Ja":
- JavaScript erlauben
- PHP erlauben
- XHTML-Inline-Scripts erlauben
2. Joomla Textfilter (Die Türsteher)
Joomla selbst hat globale Filter, die Scripte blockieren.
- Gehe zu System -> Konfiguration -> Textfilter.
- Suche die Gruppe Super Benutzer und stelle sie auf "Keine Filterung".
- Nur so darfst du als Admin den benötigten <script>-Teil für den Kopieren-Button speichern.
Sicherheitshinweis: Frontend vs. Backend
Es ist extrem wichtig, zwischen der Sicherheit deiner Besucher und der Sicherheit deines Redaktionssystems zu unterscheiden:
- Im Frontend (Sicher): Für deine Webseitenbesucher besteht keine Gefahr. Die Lösung nutzt eine textarea, die Text nur anzeigt, aber nicht ausführt. Das JavaScript für den Button läuft nur lokal im Browser des Nutzers ab. Es gibt keine Verbindung zur Datenbank und keine Möglichkeit für Besucher, von außen Code einzuschleusen.
- Im Backend (Vorsicht bei mehreren Autoren): Das Risiko liegt rein auf der administrativen Ebene. Wenn du die oben genannten Filter deaktivierst, öffnest du die Tür für ausführbaren Code im Editor.
- Wenn du alleiniger Admin bist: Absolut unbedenklich. Du weißt, was du tust.
- Wenn viele Leute mitschreiben: Falls du Autoren oder Redakteuren Zugriff gibst, könnten diese (absichtlich oder versehentlich) schädliche Skripte in Beiträge einbauen, die dann z. B. andere Admins ausspionieren könnten.
Mein Rat: Aktiviere die Option "Keine Filterung" nur für den Super-Benutzer. Alle anderen Nutzergruppen sollten weiterhin streng gefiltert werden. So bleibt dein Backend eine Festung, während du im Frontend die volle Freiheit genießt.
- Details
- Kategorie: alles andere
- Zugriffe: 494
Ein Ranking-Quiz ist die perfekte Mischung aus Wissen, Schätzung und logischem Kombinieren. Im Gegensatz zu klassischen Multiple-Choice-Fragen geht es hier nicht nur darum, die eine richtige Antwort zu finden, sondern mehrere Elemente in die korrekte Reihenfolge zu bringen ohne zu wissen welche Antworten noch kommen.
Weiterlesen: "Blind Ranking" Quiz, Spielideen, Regeln, Ablauf
- Details
- Kategorie: alles andere
- Zugriffe: 9494
Eine french cleat (französische Klampe) ist eine Möglichkeit, einen Schrank , einen Spiegel, ein Kunstwerk oder einen anderen Gegenstand an einer Wand zu befestigen. Es handelt sich um eine Leiste mit einer Neigung von 30–45 Grad, die zum Aufhängen von Schränken oder anderen Gegenständen verwendet wird.
- Details
- Kategorie: alles andere
- Zugriffe: 28124
Wer viel mit dem Laser oder CNC Fräse arbeitet und kreativ unterwegs ist, der braucht früher oder später Schriften, wo nicht einfach Teile der Schrift herausfallen. Ich habe euch hier eine kleine Sammlung von Schriften schon verwendet habe und ein gutes Ergebnis erzielt habe.
- Details
- Kategorie: alles andere
- Zugriffe: 13695
Ich bin mit meinem MR Beam immer kreative unterwegs. Meine Vorlagen erstelle ich vor allem mit Corel Draw aber man muss das Zahnrad und die Schachtel ja nicht jedesmal neu erfinden, vor allem weil es so viele tolle online Generatoren gibt. Auf dieser Seite habe ich die von mir verwendeten online Generator mal zusammengestellt. Ich schreibe zu den einzelnen Seiten jetzt mal nichts. Einfach vorbeischauen, staunen und den Laser anschmeißen.
- Details
- Kategorie: alles andere
- Zugriffe: 19550
Wer gerne bastelt und baut braucht auch eine gut eingerichtete Werkstatt. Wobei man das auch umdrehen kann, nur wer eine gut eingerichtet Werkstatt hat der bastelt und baut auch gerne. Wie dem auch sei, von gekauften Werkzeugwänden halte ich nicht viel, vor allem dann nicht wenn sie aus Plastik sind. Ich habe mir meine Werkstatt selber eingerichtet und ausgestattet, so ist alles da wo ich es brauche. Vielleicht findest du hier auf dieser Seite ja auch einige Ideen und Tipps um deine Werkstatt einzurichten.
- Details
- Kategorie: alles andere
- Zugriffe: 308309
Wer verschiedene Elektrogeräte wie Kreissäge, Bandsäge, Schleifmaschine oder auch Stichsäge und Hobel in der Werkstatt verwendet, der weiß wie viel Staub und Sägemehl hier anfallen. Mit dieser einfachen selber gebauten Absaugung können nicht nur viele verschiedene Geräte angeschlossen werden. Sondern es entfällt zudem der häufige Wechsel des Staubsaugerbeutels. Ein guter Staubsauger, ein zusätzlicher Staubsaugerschlauch und ein paar HT-Rohrere, mehr braucht es nicht um diese einfache Absaugung selber zu bauen.
- Details
- Kategorie: alles andere
- Zugriffe: 19936
Eine selbst gebaute, kreative, coole und günstige Lampe? Kein Problem mit dieser Lampe aus 1/2 Zoll Fittings.
- Details
- Kategorie: alles andere
- Zugriffe: 224719
Hier gibt es einige Tipps und Tricks rund ums Basteln und die Werkstatt.
- Details
- Kategorie: alles andere
- Zugriffe: 18921
Beim wilden Fangespielen im Wohnzimmer hat unsere "IKEA LACK Couchtisch - Birkennachbildung - 90x55x45 cm" eindeutig verloren. Nach dem Spiel hatte er zwei große, nicht sonderlich schöne, Löcher. Klar kostet so ein Tisch nicht viel, aber reparieren ist immer besser als neu kaufen.
- Details
- Kategorie: alles andere
- Zugriffe: 43749
Der Fernseher stand immer im Weg und deshalb wollte ich ihn an die Wand schrauben. So habe ich online und in diversen Elektro-Läden geschaut, doch unter 100 Euro gibt es kaum einen. Vor allem brauche ich keine Halterung mit 3 oder mehr Gelenken.
- Details
- Kategorie: alles andere
- Zugriffe: 11931
Eine ganze Nacht in einem Kaufhaus zu verbringen und tun und lassen zu können, was einem beliebt. So auch Patrick, der Kapitän, Elli, die abenteuerlustige Scaterin und Eule, der dicke Computer-Freak - drei so unterschiedliche Freunde, die in das große Springerkaufhaus eindringen müssen, um ihre Ehre wieder herzustellen.
- Details
- Kategorie: alles andere
- Zugriffe: 12969
Wir haben das Spiel im Jugendkreis/ Teeniekreis auch gespielt, allerdings mit Gummibärchen und nicht mit Geld. Das Spielprinzip bleibt aber trotzdem das Gleiche. In der Power Point findet ihr ähnliche Fragen, wie im Original Spiel. Zudem läuft oben ein Balken ab, der zeigt, wie lange die Spieler noch Zeit haben, ihr Süßigkeiten zu setzen. Ist die Zeit um, klickt der Spielleiter noch einmal auf die Power Point und die falschen Antworten "fliegen" raus.
- Details
- Kategorie: alles andere
- Zugriffe: 44118
Weil ich die Mexikaner Witze so sehr mag, gibt es hier ein paar meiner gesammelten Mexikaner von oben mit Hüten gezeichneten Witze.
