Thema: Quellcode im Content darstellen

Hallo zusammen,

bin gerade mit meinem Latain am Ende, ich möchte Quelltext im Contetn darstellen aber der Editor interpretiert diesen, es gibt keine Funktion im original Editor um Quellcode zu kennzeichnen so das er nicht interpretiert wird.

Ich hab auch schon manuell mit dem <code> Tag gearbeitet, also ohne Editor, doch wird jedes mal der Code interpretiert und die Seitenbeschreibung ausgeführt.

Wie kann ich im Content Quellcode darstellen??

Vielen Dank im Voraus

Mit GeSHi geht es (Dazu Plugin aktivieren).

Vielleicht ist das was für dich: CoderMCE

Ich habe die Erweiterung selber noch nicht ausprobiert. Kannst ja mal schreiben, ob's brauchbar ist.

Super!!! Danke hat super funktioniert.

Zur Info für alle die das Gleiche Problem haben:

1.Im Backend unter Plugins das Plugin/ Modul „Inhalt - Code-Hervorhebung (GeSHi) “ aktivieren.
2.Im Kontrollzentrum unter dem Textreiter „Site“ in der Zeile „Vorgabe für WYSIWYG-“ auf „keinen Editor“ einstellen. Und speichern nicht vergessen!
3.Um den Quelltext im Content darstellen zu können, muss der entsprechende CODE in den per-TAG gesetzt werden mit der Auszeichnung der Sprache die dargestellt werden soll.

Beispiel:
Du willst einen html Code darstellen

Code:

<pre xml:lang="html4strict">
         <a href=“BEISPIEL“>anchor text</a>
</pre>

Hier noch eine Liste für weiter Sprachen, die genutzt werden können:

HTML- lang="html4strict"
CSS - lang="css"
PHP - lang="php"
SQL - lang="sql" XML lang="xml"
JavaScript - lang="javascript"

Das Problem ist das, wenn ihr den EDITOR wieder Aktiviert und den Beitrag mit dem Quellcode im Aktivierten EDITOR abspeichert wird der Quelltext nicht mehr als solcher angezeigt.

Nachtrag:
Installiert euch den JCE Editor, da müsst ihr den pre-TAG für HTML nur so zuweisen: HTML- lang="html" und der Quellcode wird im Frontend dargestellt.

Die PRE-Tags werden aber auch angezeigt. Dabei will ich nur den Code dazwischen sehen. Und wie lässt sich die Darstellung und Rahmen um den Quellcode anpassen?

Hallo radarin,

ich habe es jetzt ganz anders gelöst, da ich keinen Zeilenumbruch in dem darzustellenden Quellcode machen konnte.

Ich bin jetzt folgendermaßen vorgegangen:

1. Die Sonderzeichen also die Spitzklammern <> im Quellcode, den man im Content darstellen möchte, mit folgenden Kürzeln ersetzen, Spitzklammer auf= &lt; Spitzklammer zu = &gt;
2. Editor in HTML Ansicht umschalten und den Quellcode an die gewünschte Stelle kopieren und das ganze speichern

Beispiel:
&lt; a href="xyz.de" &gt; XYZ Link &lt; /a &gt;

das wird dann so im Content dargestellt

HTML-Code:

<a href="xyz.de">XYZ Link </a>

Ich habe mich für das maskieren der HTML Zeichen entschieden da man sonst keinen Zeilenumbruch im Quellcode machen kann und ich kein gutes plugin dazu gefunden habe. Der Zeitaufwand ist nicht höher da durch.

Ok, danke. Das ist eine Möglichkeit. Da muss ich halt öfters die Funktion Suchen & Ersetzen bemühen. Falls ich eine andere Möglichkeit entdecke, melde ich mich wieder hier. Ich bin gerade dabei den Aufbau eines Templates zu zerlegen und mich einzuarbeiten. Ich versuch mal über ein PHP Script das S&E zu vereinfachen.

Gruß René

Ich hab den Tiny-Editor aktiviert und werde diesen auch nicht ausschalten. Ggf. werde ich einen Anderen verwenden. Gebe ich Code ein, wird dieser korrekt in Ersatzzeichen umgewandelt und im Frontend dargestellt und nicht ausgeführt. Probleme habe ich erst, wenn ich den Editor aus dem Frontend öffne. Dann steht da nicht mehr <img>, sondern es kommt das Symbol für einen fehlerhafen Bildlink, was ich nicht habe wenn ich den Beitrag aus dem Backend editiere.

Ich habe GeHSi aktiviert und auch das Script für PHP in der Library drinn. Aber im Frintend keine Farbliche Hervorhebung und vor allem eine total zerissene Strukur, obwohl es im Backend noch gut ausschaut.

Ich hab mir auch schon überlegt, auf die Farben zu verzichten und dafür eine CSS-Klasse zu verwenden. Einzug funktioniert, aber die Hintergrundfarbe ist bei Mehrzeilern nicht flächenfüllend. Auch der Rahmen wird nicht um eine Einzige Fläche gezogen.

Beispiel: http://www.computer-for-dummies.info...hpbb&Itemid=77

Nachtrag zu MCFlash's Link zu CoderMCE: der Link ist abgelaufen. Ausserdem scheint dieser für Joomla! 1.5 gar nicht verfügbar zu sein.