Retain newlines when overlaying text on images

[jmooring]

Reference: https://discourse.gohugo.io/t/render-markdown-with-newlines-in-shortcode/48684

This simple approach to word wrapping eats newlines:

hugo/resources/images/text.go

Lines 94 to 103 in b1de03f

	// Draw text and break line at max width
	parts := strings.Fields(f.text)
	for _, str := range parts {
	strWith := font.MeasureString(face, str)
	if (d.Dot.X.Ceil() + strWith.Ceil()) >= maxWidth {
	y = y + fontHeight + f.linespacing
	d.Dot = fixed.P(f.x, y)
	}
	d.DrawString(str + " ")
	}

Suggest something like this instead:

// Draw text line by line, breaking each line at the maximum width.
f.text = strings.ReplaceAll(f.text, "\r", "")
for _, line := range strings.Split(f.text, "\n") {
	for _, str := range strings.Fields(line) {
		strWidth := font.MeasureString(face, str)
		if (d.Dot.X.Ceil() + strWidth.Ceil()) >= maxWidth {
			y = y + fontHeight + f.linespacing
			d.Dot = fixed.P(f.x, y)
		}
		d.DrawString(str + " ")
	}
	y = y + fontHeight + f.linespacing
	d.Dot = fixed.P(f.x, y)
}

This would allow you to overlay this:

{{ $text := "This is a list:\n\n1. Item one\n2. Item two" }}

With this result:

Instead of this:

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.