luciano/htmgo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wrap lines on examples

Browse source
This commit is contained in:
maddalax 2024-10-31 09:56:37 -05:00
parent 7f5274b34d
commit 833708e38a
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
htmgo-site/pages/examples/code.go
View file

@ -65,5 +65,10 @@ func renderCodeToString(snippet *Snippet) *h.Element {
source = out.String() source = out.String()
} }
return ui.GoCodeSnippet(source, "border-radius: 0.5rem;") return ui.CodeSnippet(ui.CodeSnippetProps{
Code: source,
Lang: "go",
CustomStyles: []string{"border-radius: 0.5rem;"},
WrapLines: true,
})
} }

2
htmgo-site/ui/snippet.go
View file

@ -24,6 +24,7 @@ func FormatCode(props CodeSnippetProps) string {
lexer := lexers.Get(props.Lang) lexer := lexers.Get(props.Lang)
style := styles.Get("github") style := styles.Get("github")
formatter := html.New( formatter := html.New(
html.WrapLongLines(props.WrapLines),
html.WithLineNumbers(!props.SingleLine && !props.HideLineNumbers), html.WithLineNumbers(!props.SingleLine && !props.HideLineNumbers),
html.WithCustomCSS(map[chroma.TokenType]string{ html.WithCustomCSS(map[chroma.TokenType]string{
chroma.PreWrapper: fmt.Sprintf("border-radius: 0.2rem; line-height: 24px; font-size: 14px; padding: 12px; overflow: auto; background-color: rgb(245, 245, 245) !important; %s", strings.Join(props.CustomStyles, ";")), chroma.PreWrapper: fmt.Sprintf("border-radius: 0.2rem; line-height: 24px; font-size: 14px; padding: 12px; overflow: auto; background-color: rgb(245, 245, 245) !important; %s", strings.Join(props.CustomStyles, ";")),
@ -42,6 +43,7 @@ type CodeSnippetProps struct {
CustomStyles []string CustomStyles []string
HideLineNumbers bool HideLineNumbers bool
SingleLine bool SingleLine bool
WrapLines bool
} }
func CodeSnippet(props CodeSnippetProps) *h.Element { func CodeSnippet(props CodeSnippetProps) *h.Element {