Wrap Execution Output

[betanalpha]

Description

When rendering on my machine configuration options like code-overflow: wrap ensure that long lines of code in a code block are wrapped, but they don't seem to have any affect on the rendered output when those blocks are executed. Instead the long output lines end up wrapped in a slider bar in HTML or truncated for PDF formats.

Is there anyway to force the rendered output to wrap to the screen length (or even a default max width) like the input code blocks? Apologies if I'm missing an obvious configuration.

Thanks!

[mcanouil]

For PDF, see:

• Code folding in PDF output? #4121

---

Could you share a small self-contained "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[betanalpha]

Great thanks. I think that discussion addresses my question in the negative, for understandable reasons. Just happy that I wasn't missing an obvious configuration.

[mcanouil]

Not necessarily a negative answer, but you did not provide a concrete example showing how you extension expected the option to work.

[betanalpha]

Apologies -- I made the naive mistake thinking that the request may have been boilerplate given the discussion in the link. To avoid any confusion I threw together a minimal example.

First we have the markdown file, note the long continuous line of code:

---
title: "Test"
highlight: pygments
format:
  html:
    code-overflow: wrap
  pdf:
    code-overflow: wrap
knitr:
  opts_chunk:
    comment: ''
format-links: false
---

```{r}
cat('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.')
```

Rendering with quarto render test.qmd --to html,pdf using Quarto 1.3.191 gives HTML and PDF outputs as expected. The HTML output wraps the source code appropriately but not the output, instead putting everything on one line with a scroll bar.

The PDF output doesn't wrap either the source or the output.

I was hoping to have both input and output wrapped, similar to the output in the RStudio console.

Naively I thought that the TeX configuration would be rigid enough for the rendered code width to be known and hence any text in input/output blocks automatically wrappable but I appreciate that this could be much more complicated in practice.

[mcanouil]

For HTML, it's pretty easy to get the output wrapped as well.
For LaTeX, as for anything really in LaTeX, it's much more complex ...

See below an example for HTML:

---
title: "Test"
highlight: pygments
format:
  html:
    code-overflow: wrap
  pdf:
    code-overflow: wrap
knitr:
  opts_chunk:
    comment: ''
format-links: false
include-in-header:
  - text: |
      <style>
      .cell-output-stdout code {
        word-break: break-wor !important;
        white-space: pre-wrap !important;
      }
      </style>
---

```{r}
cat('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.')
```

[betanalpha]

Thanks, this makes sense on the HTML side.

For my particular application I'm generating parallel HTML and PDF so I've ended up wrapping all of my output in a text formatter on the source side to achieve unified wrapping for both.

[shravanngoswamii]

Hello I am also facing quite a similar problem and this does not seem to solve my problem:

---
title: Getting Started
engine: julia
format:
  html:
    toc-title: "Getting Started"
    code-fold: false
    code-overflow: wrap
execute:
  echo: true
  output: false
---

1. I do not know why but my output is not in one div, I mean:

Code	Output
```julia #| output: true chn = sample(gdemo(1.5, 2), NUTS(), 1000, progress=false) ```
Why the output of single code block is divided into two output blocks?	And I want this second output block to be wrapped, I do not want top-bottom or right-left scollers on anything
```{julia} #| output: true plot(chn) ```
output of this code is also not wrapped!!	I do not want scroller, image size should become small instead of scroller

These code blocks are plotting in form of svg code so, is there any way to store those svg somewhere instead of directly writing svg in html files, I mean If user want to download the output image then he should be by right clicking in browser!! current svg file are not even selectable in website.

Here is the full website repo: https://github.com/TuringLang/turing-test-website

All codes in this issue are from this quarto document: https://github.com/TuringLang/turing-test-website/blob/main/docs/using-turing/getting-started/index.qmd

      <style>
      .cell-output-stdout code {
        word-break: break-wor !important;
        white-space: pre-wrap !important;
      }
      </style>

I am trying to wrap output blocks using the css you mentioned in this issue here in styles.css: https://github.com/TuringLang/turing-test-website/blob/main/styles.css

Here the output of problem I am facing: https://turinglang.org/turing-test-website/docs/using-turing/getting-started/#example

[shravanngoswamii]

One more question: Is there any way to write something between code and output? (for mentioning that it's a output)

[mcanouil]

Possibly using a Lua filter, see https://quarto.org/docs/extensions/filters.html.
You can also use (S)CSS classes passed on to the cell options, see https://quarto.org/docs/reference/cells/cells-knitr.html and https://quarto.org/docs/reference/cells/cells-jupyter.html.