How can I get code blocks to wrap (in view mode)?

[mendhak]

Hi is it possible to get code blocks to wrap, so it fits the screen width? Text wrap works fine for normal text, just not the code blocks.

In this example I've pasted some sample code between three backticks, and you can see the lines go past the edge. I'm just hoping to see all the code without having to horizontally scroll/drag.

Thanks!

[gsantner]

You can use CSS and Markor's inject-to-head settings option for this. The element that needs to be styled is pre or code.

Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

[mendhak]

Thanks here is what I have added

pre {  word-wrap: break-word;
  white-space: pre-wrap;
}
code {  word-wrap: break-word;
  white-space: pre-wrap;
}

[guanglinn]

I implemented the feature to wrap words in view-mode code blocks, see PR #2129.