Skip to main content

Syntax-Hervorhebung für HTML5

Zusammenfassung

Sie können Syntax-Hervorhebungen für HTML5-Ausgaben so einrichten, dass die Syntax von Codebeispielen farblich markiert wird.

Bei der Einrichtung dieser Hervorhebungen in HTML5-Ausgaben verwenden Sie die Einstellungen für HTML5-Layouts und fügen dem Codebeispiel evtl. benötigte Attribute hinzu:

  1. Wählen Sie im oberen Menü Layout aus.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo zeigt eine Liste von Layouts an. Die Liste ist leer, wenn keine benutzerdefinierten Layouts in Ihrer Paligo-Instanz vorhanden sind.

  2. Wählen Sie das Layout, das Sie aktualisieren möchten, oder Ein Layout erstellen aus.

    Tipp

    Sie können die URL des Layout-Editors kopieren und in eine neue Registerkarte in Ihrem Browser einfügen. Dies kann nützlich sein, wenn Sie häufig zwischen Ihren Paligo-Inhalten und den Layout-Einstellungen wechseln.

  3. Wählen Sie in der Seitenleiste Verbatim (Code und Software) aus.

    verbatim-code-html.jpg

  4. Mit diesen Einstellungen können Sie die Syntax-Hervorhebung einrichten:

    • Verbatim-Elemente hervorheben – Stellen Sie die Syntax-Hervorhebungsfunktion auf Aktivieren (ein) oder Deaktivieren (aus).

    • Thema hervorheben – Wählen Sie ein Thema aus. Jedes Topic hält ein anderes Farbschema für syntaktische Hervorhebungen bereit, in dem jeweils verschiedene Teile des Codes hervorgehoben werden können. Es stehen viele verschiedene Themen zur Auswahl und wir empfehlen Ihnen, damit etwas zu experimentieren, bis Sie eines gefunden haben, das Ihren Anforderungen am besten entspricht.

  5. Drücken Sie Speichern.

  6. Paligo ist in der Regel in der Lage, die Sprache eines Codebeispiels automatisch zu erkennen, und wendet das gewählte Thema für die Hervorhebung der Syntax an. Falls Paligo Ihr Codebeispiel nicht erkennt, können Sie ihm ein language-Attribut zuweisen. Paligo kann das Beispiel dann anhand des für language festgelegten Werts identifizieren.

    So legen Sie language für ein Codebeispiel fest:

    1. Bearbeiten Sie das Topic, das das Codebeispiel enthält, und wählen Sie das Verbatim-Element für das Beispiel aus, z. B. programlisting.

    2. Fügen Sie im Abschnitt Elementattribute das Attribut language hinzu und geben Sie als Wert eine unterstützte Sprache ein. Zum Beispiel Javascript. Welche Werte gültig sind, erfahren Sie unter Syntax-Hervorhebung von Sprachen in HTML5.

      language-javascript.jpg

  7. Drücken Sie Speichern. Save icon.

Syntax-Hervorhebung von Sprachen in HTML5

Mit dem Attribut language können Sie Codebeispielen eine bestimmte Programmiersprache zuweisen. So können Sie einem programlisting-Element das Attribut language geben und dessen Wert auf javascript setzen.

Informationen zum Hinzufügen des Attributs language finden Sie unter Syntax-Hervorhebung für HTML5.

Die folgende Tabelle enthält die Werte, die Sie für das Attribut language festlegen können. Für einige Sprachen können Sie einen von mehreren Werten verwenden, die in der Tabelle durch ein Komma getrennt sind. Geben Sie nur einen der Werte ein, also z. B. für JavaScript entweder js oder javascript oder jsx.

Programmiersprache

Wert für das Attribut „language“

1C

1c

4D

4d

ABNF

abnf

Access Logs

accesslog

ActionScript

actionscript, as

Ada

ada

Alan

alan, i

AngelScript

angelscript, asc

Apache

apache, apacheconf

AppleScript

applescript, osascript

Arcade

arcade

ARM-Assembler

armasm, arm

AsciiDoc

asciidoc, adoc

AspectJ

aspectj

AutoHotkey

autohotkey

AutoIt

autoit

AVR-Assembler

avrasm

Awk

awk, mawk, nawk, gawk

Axapta

axapta

Bash

bash, sh, zsh

Basis

basic

BNF

bnf

Brainfuck

brainfuck, bf

C

h

C#

csharp, cs

C++

cpp, hpp, cc, hh, c++, h++, cxx, hxx

Cache Object Script

cos, cls

C/AL

cal

Cap’n Proto

capnproto, capnp

Clojure

Clojure, clj

CMake

cmake, cmake.in

CoffeeScript

coffeescript, coffee, cson, iced

Coq

coq

Crmsh

crmsh, crm, pcmk

Crystal

crystal, cr

CSP

csp

CSS

css

Cypher (Neo4j)

cypher

D

d

Dart

dart

Delphi

delphi, dpr, dfm, pas, pascal, freepascal, lazarus, lpr, lfm

Diff

diff, patch

Django

django, jinja

DNS Zone Datei

dns, zone, bind

Dockerfile

dockerfile, docker

DOS

dos, bat, cmd

dsconfig

dsconfig

DTS (Gerätebaum)

dts

Dust

dust, dst

Dylan

dylan

EBNF

ebnf

Eigenschaften

properties

Elixir

elixir

Elm

elm

Erlang

erlang, erl

Excel

excel, xls, xlsx

Extempore

extempore, xtlang, xtm

F#

fsharp, fs

FIX

fix

Fortran

fortran, f90, f95

Gams

gams, gms

GAUSS

gauss, gss

G-Code

gcode, nc

GDScript

godot, gdscript

Gherkin

gherkin

GN for Ninja

gn, gni

Go

go, golang

Golo

golo, gololang

Gradle

gradle

Grammatical Framework

gf

Groovy

groovy

Haml

haml

Handlebars

handlebars, hbs, html.hbs, html.handlebars

Haskell

haskell, hs

Haxe

haxe, hx

HTML, XML

xml, html, xhtml, rss, atom, xjb, xsd, xsl, plist, svg

HTTP

http, https

Hy

hy, hylang

Inform7

inform7, i7

Ini, TOML

ini, toml

IRPF90

irpf90

Java

java, jsp

JavaScript

javascript, js, jsx

JSON

json

Kotlin

kotlin, kt

Lasso

lasso, ls, lassoscript

LaTeX

tex

LDIF

ldif

Leaf

leaf

Less

less

Lisp

lisp

LiveCode Server

livecodeserver

LiveScript

livescript, ls

Lua

lua

Makefile

makefile, mk, mak

Markdown

markdown, md, mkdown, mkd

Mathematica

mathematica, mma, wl

Matlab

matlab

Maxima

maxima

Maya Embedded Language

mel

Mercury

mercury

mIRC Scripting Language

mirc, mrc

Mizar

mizar

Mojolicious

mojolicious

Monkey

monkey

Moonscript

moonscript, moon

N1QL

n1ql

Nginx

nginx, nginxconf

Nim

nimrod

Nix

nix

NSIS

nsis

Objective C

objectivec, mm, objc, obj-c

OCaml

ocaml, ml

OpenGL Shading Language

glsl

OpenSCAD

openscad, scad

Oracle Rules Language

ruleslanguage

Oxygene

oxygene

Parser3

parser3

Perl

perl, pl, pm

PF

pf, pf.conf

PHP

php, php3, php4, php5, php6, php7

Plaintext

plaintext, txt, text

Pony

pony

PostgreSQL und PL/pgSQL

pgsql, postgres, postgresql

PowerShell

powershell, ps, ps1

Processing

processing

Prolog

prolog

Protocol Buffers

protobuf

Puppet

puppet, pp

Python

python, py, gyp

Python Profiler Ergebnisse

profile

Q

k, kdb

QML

qml

R

r

Razor CSHTML

cshtml, razor, razor-cshtml

ReasonML

reasonml, re

RenderMan RIB

rib

RenderMan RSL

rsl

Roboconf

graph, instances

Robot Framework

robot, rf

RPM Spec-Dateien

rpm-specfile, rpm, spec, rpm-spec, specfile

Ruby

ruby, rb, gemspec, podspec, thor, irb

Rust

rust, rs

SAS

SAS, sas

Scala

scala

Scheme

scheme

Scilab

scilab, sci

SCSS

scss

Shape Expressions

shexc

Shell

shell, console

Smali

smali

Smalltalk

smalltalk, st

Solidity

solidity, sol

SQL

sql

Stan

stan, stanfuncs

Stata

stata

STEP Part 21

p21, step, stp

Structured Text

iecst, scl, stl, structured-text

Stylus

stylus, styl

SubUnit

subunit

Supercollider

supercollider, sc

Swift

swift

Tcl

tcl, tk

Terraform (HCL)

terraform, tf, hcl

Test Anything Protocol

tap

Thrift

thrift

TP

tp

Twig

twig, craftcms

TypeScript

typescript, ts

Vala

vala

VB.Net

vbnet, vb

VBScript

vbscript, vbs

Verilog

verilog, v

VHDL

vhdl

Vim Script

vim

x86 Assembly

x86asm

XL

xl, tao

XQuery

xquery, xpath, xq

YAML

yml, yaml

Zephir

zephir, zep