ASM Syntaxcoloring -> HTML



  • Hallo Leute,

    ich möchte gern auf meiner Homepage etwas Assemblercode (PIC) veröffentlichen
    und diesen dabei so schön coloriert haben, wie es hier in dem Forum auch der Fall ist. Ich habe schon versucht, den Highlighter des Forums irgendwie zu extrahieren, wollte allerdings nicht zu viel Zeit mit der Analyse des HTML Codes verbringen. Kennt Ihr einen schönen online Syntaxcolorierer, in den man den ASM Code einfügt und den HTML Code gleich fix und fertig coloriert geliefert bekommt ?

    MfG



  • Hallo,

    ich habe eine schnelle Lösung gefunden – und zwar mit Hilfe des Asm Syntaxcolorierers dieses Forums und einem entsprechendem Styleheader:

    <head>
    <style type="text/css">
    .code{background:#fafafa;border:1px solid #d1d7dc;color:#000000;
    font:12px monospace;padding:5px; white-space:nowrap}
    font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif;}
    
    .asm.highlighting .st0 {color: #800000;}
    .asm.highlighting .nu0 {color: #000000;}
    .asm.highlighting .co1 {color: #008000;}
    .asm.highlighting .kw1 {color: #0000ff;}
    </style>
    </head>
    

    Wenn man sich dann den Assemblercode mit BBcode aktiviert in der Vorschau
    anzeigen lässt, findet man alles Nötige im Seitenquelltext.
    Nachdem man in der eigenen Page ungefähr folgendes zu stehen hat:

    <body>
    
    <table><tr>
    

    kopiert man aus dem Seitenquelltext der Vorschau ab der Signatur
    <td class="code"> bis zum letzten ASM Befehl (indem Fall ein NOP):

    <td class="code"><span class="asm highlighting"><span class="kw1">nop</span><br /><span class="kw1">nop</span><br /><span class="kw1">nop
    

    Anschließend fügt man noch folgenden Abschluss hinzu:

    </span></span></td></tr></table>
    
    </body>
    

    und hat dann einen schön bunten ASM Code für die eigene Homepage.


Anmelden zum Antworten