Syntax-Highlighting in Acrylamid

Acrylamid kann von Haus aus Syntax-Highlighting, jedoch wird das CSS Style um die Farben darzustellen nicht mit ausgeliefert.

Note: The css and/or javascript is not included as part of this extension but must be provided by the end user. The Pygments project provides default css styles which you may find to be a useful starting point.

CodeHilite

Unter Debian habe ich einen CSS Style unter /usr/share/doc/python-pexpect-doc/html/_static/pygments.css gefunden.

Dieser sieht so aus:

     cat /usr/share/doc/python-pexpect-doc/html/_static/pygments.css
    .highlight .hll { background-color: #ffffcc }
    .highlight  { background: #eeffcc; }
    .highlight .c { color: #408090; font-style: italic } /* Comment */
    .highlight .err { border: 1px solid #FF0000 } /* Error */
    .highlight .k { color: #007020; font-weight: bold } /* Keyword */
    .highlight .o { color: #666666 } /* Operator */
    .highlight .cm { color: #408090; font-style: italic } /* Comment.Multiline */
    .highlight .cp { color: #007020 } /* Comment.Preproc */
    .highlight .c1 { color: #408090; font-style: italic } /* Comment.Single */
    .highlight .cs { color: #408090; background-color: #fff0f0 } /* Comment.Special */
    .highlight .gd { color: #A00000 } /* Generic.Deleted */
    .highlight .ge { font-style: italic } /* Generic.Emph */
    .highlight .gr { color: #FF0000 } /* Generic.Error */
    .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
    .highlight .gi { color: #00A000 } /* Generic.Inserted */
    .highlight .go { color: #333333 } /* Generic.Output */
    .highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
    .highlight .gs { font-weight: bold } /* Generic.Strong */
    .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
    .highlight .gt { color: #0044DD } /* Generic.Traceback */
    .highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
    .highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
    .highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
    .highlight .kp { color: #007020 } /* Keyword.Pseudo */
    .highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
    .highlight .kt { color: #902000 } /* Keyword.Type */
    .highlight .m { color: #208050 } /* Literal.Number */
    .highlight .s { color: #4070a0 } /* Literal.String */
    .highlight .na { color: #4070a0 } /* Name.Attribute */
    .highlight .nb { color: #007020 } /* Name.Builtin */
    .highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
    .highlight .no { color: #60add5 } /* Name.Constant */
    .highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
    .highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
    .highlight .ne { color: #007020 } /* Name.Exception */
    .highlight .nf { color: #06287e } /* Name.Function */
    .highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
    .highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
    .highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
    .highlight .nv { color: #bb60d5 } /* Name.Variable */
    .highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
    .highlight .w { color: #bbbbbb } /* Text.Whitespace */
    .highlight .mf { color: #208050 } /* Literal.Number.Float */
    .highlight .mh { color: #208050 } /* Literal.Number.Hex */
    .highlight .mi { color: #208050 } /* Literal.Number.Integer */
    .highlight .mo { color: #208050 } /* Literal.Number.Oct */
    .highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
    .highlight .sc { color: #4070a0 } /* Literal.String.Char */
    .highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
    .highlight .s2 { color: #4070a0 } /* Literal.String.Double */
    .highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
    .highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
    .highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
    .highlight .sx { color: #c65d09 } /* Literal.String.Other */
    .highlight .sr { color: #235388 } /* Literal.String.Regex */
    .highlight .s1 { color: #4070a0 } /* Literal.String.Single */
    .highlight .ss { color: #517918 } /* Literal.String.Symbol */
    .highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
    .highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
    .highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
    .highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
    .highlight .il { color: #208050 } /* Literal.Number.Integer.Long */#   

In Farbe und bunt gefällt mir die Code-Darstellung auch gleich viel besser. :)

Hier noch ein klassisches Code-Beispiel:

    int main(void)
    {
        printf("Hello World\n");
    return 0;
    }

Inhalt

Teilen: E-Mail

Hinterlasse einen Kommentar oder diskutiere im OSBN-Chat.


In den Kommentaren können folgende Formatierungen genutzt werden.