Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Tutorial Vorlage

Empfohlene Antworten

Hallo,

ich möchte einen Quellcode-Tutorial-Webseite einrichten in der infos zur Programmiersprachen (C, C++, Java) stehen. Die Seite sollte möglichts einfach zur verwalten und zu portieren sein. Also kein jsp oder php. Am bestens reines html oder xml.

Ich möchte aber das der Quellcode farblich hervorgehoben wird. Man kann es natürlich mit CSS machen. nur ist der Nachteil das ich immer wieder die CSS-Classes schreiben muss. Also wenn man sich z.B unten der Code-Beispiel anschaut, sollte z.B

public - rot

void - blau

"Aha" - grün

sein.


public class Test{


public void funkA(){

 String a = "Aha";

}

}

Um das mit CSS-Classen in der HTML zu schafen ist einfach zu viel Code :upps

Ich habe es an CSS mit XML, DTD und XSL gedacht. Bin mir aber nicht sicher ob die Idee gut ist und ob eine andere Möglichkeit gäbe. Deswegen stelle ich die Frage hier, vielleicht könntet ihr mir Ideen helfen.

das:

Die Seite sollte möglichts einfach zur verwalten und zu portieren sein.

widerspricht sich IMO mit:

Also kein jsp oder php. Am bestens reines html oder xml.

Ich möchte aber das der Quellcode farblich hervorgehoben wird. Man kann es natürlich mit CSS machen. nur ist der Nachteil das ich immer wieder die CSS-Classes schreiben muss.

du wirst hier schon einen parser verwenden oder entwickeln müssen, der zumindest die besagten unterschiedlichen elemente einer programmier-/scriptsprache erkennen kann - schlüsselwörter, bezeichner und variablen- oder zumindest stringinhalte.

Ich habe es an CSS mit XML, DTD und XSL gedacht.

allerdings wird das IMO nur in verbindung mit einer dynamischen sprache klappen, da du das parsen des quellcodes ja irgendwie automatisieren und nicht jedes schlüsselwort manuell hinterlegen wollen wirst.

schau dir mal an, wie z.b. foren wie dies hier die [ PHP][ /PHP]-tags verarbeiten.

s'Amstel

Die Seite sollte möglichts einfach zur verwalten und zu portieren sein. Also kein jsp oder php. Am bestens reines html oder xml.

Ich möchte aber das der Quellcode farblich hervorgehoben wird.

[...]

Um das mit CSS-Classen in der HTML zu schafen ist einfach zu viel Code :upps

Ich habe es an CSS mit XML, DTD und XSL gedacht.

Du willst also statisches HTML, weil damit eine wachsende Website einfacher zu verwalten wäre? Und dabei soll deine Ausgabe ohne Änderung am Text farblich markiert werden?

Bevor du loslegst damit: Informier dich bitte erstmal, was du da überhaupt machen willst.

Nimm das nicht persönlich, aber IMHO hast du keine Ahnung was du da überhaupt tun willst.

HTML ist nur eine vom Browser interpretierte Dokumentenauszeichnungssprache. Wenn also ein Teil des Textes besonders dargestellt werden soll, dann muss der Text entsprechend markiert werden.

DTD ist einfach eine Beschreibung des Typs des folgenden Dokuments, damit der der es ansieht/anzeigt weiß, wie er den Inhalt interpretieren soll.

Mit XSL kannst du ein Layout für ein XML Dokument bestimmen, aber soll das im Browser angezeigt werden, kommst du um XSLT und die Transformation in HTML nicht rum.

Und wer bitte liefert dir ein Tutorial als XSL-Dokument? Oder willst du jedes an dich gesendete Tutorial, der Einfachheithalber, erstmal entsprechend umwandeln?

Ich empfehle dir, es mal mit einem Web-CMS zu versuchen. Da wirst du nicht um php/jsp o.ä. drumrum kommen. Aber eigentlich hast _du_ als Betreiber der Seite damit nicht wirklich viel zu tun.

Außerdem kannst du damit, relativ, problemlos deine Hervorhebungen vom Quelltext machen lassen. So wie hier, wenn du deinen Text wie oben rot, grün oder blau färbst.

Bzw. wenn du php-Code eingibst:


function colorCode($aCode)
{
// hebt bestimmte Worte im übergebenen Quelltext hervor.
$keywords = getKeyWords();
...
}
[/php]

Danke JesterDay.

Es ist einen guten Vorschlag.

...kannst du damit, relativ, problemlos deine Hervorhebungen vom Quelltext machen lassen. So wie hier, wenn du deinen Text wie oben rot, grün oder blau färbst.

Bzw. wenn du php-Code eingibst:


function colorCode($aCode)
{
// hebt bestimmte Worte im übergebenen Quelltext hervor.
$keywords = getKeyWords();
...
}
[/php]

wobei diese -Tags vermutlich auf highlight_file bzw. show_source hinauslaufen und dann eben nur für PHP-Code funktionieren.

Belehrt mich eines besseren, wenn ich da flscha liege.

Reinhold

wobei diese -Tags vermutlich auf highlight_file bzw. show_source hinauslaufen und dann eben nur für PHP-Code funktionieren.

Belehrt mich eines besseren, wenn ich da flscha liege.

Natürlich werden diese Tags irgend eine Funktion aufrufen (also nicht direkt ;) ). Solche Funktionen kann man aber in jeder Sprache machen oder nutzen und es ging mir ja auch nur darum, dass bei der Ausgabe die Wörter, die hervorgehoben werden sollen, auch im HTML entsprechend gekennzeichnet werden (müssen). Und das wird bei der Ausgabe dann erledigt, egal was da für ne Funktion dahinter steht.

Natürlich werden diese Tags irgend eine Funktion aufrufen (also nicht direkt ;) ). Solche Funktionen kann man aber in jeder Sprache machen ....

Jo, logisch, aber diese beiden sind bereits in php integriert.

Schönes Wochenende wünscht der

(anderes Wort für Gesäß) mit Filzohren

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.