Code Anzeige
Das Code-Anzeige-Element ermöglicht die ansprechende Präsentation von Code-Beispielen mit professionellem Syntax-Highlighting für über 200 verschiedene Programmiersprachen. Ideal für Dokumentationen, technische Erklärungen oder Schulungsinhalte.
Über Tabs können mehrere fiktive Dateien angelegt werden, um komplexe Beispiele übersichtlich darzustellen. Die Breite der Anzeige lässt sich individuell einstellen, und ein optionales Textfeld bietet Platz für zusätzliche Erläuterungen oder Hinweise.
So entsteht ein klar strukturiertes und ästhetisches Code-Layout, das technische Inhalte verständlich und visuell ansprechend vermittelt.
prototype(Litefyr.Presentation:Button) < prototype(Neos.Fusion:Component) {
content = null
@if.hasContent = ${this.content}
renderer = afx`
<button type="button">{props.content}</button>
`
}prototype(Litefyr.Presentation:Button) < prototype(Neos.Fusion:Component) {
content = null
@if.hasContent = ${this.content}
renderer = afx`
<button type="button">{props.content}</button>
`
}document.addEventListener("Neos.NodeCreated", (event: CustomEvent) => {
console.log("Node created", event);
})document.addEventListener("Neos.NodeCreated", (event: CustomEvent) => {
console.log("Node created", event);
})