The code line is too long in code block.

[maoshengyang]

I agree and want to create new issue

• [x] Yes, I was on Hexo Docs page, especially on Templates, Variables, Helpers and Troubleshooting.
• [x] Yes, I was on NexT Documentation Site.
• [x] And yes, I already searched for current issues and this is not help to me.

---

Expected behavior

There shall be word-wrap in code block when the line is too long.

Actual behavior

The line will exceed the screen with a scroll bar as following.

Steps to reproduce the behavior

Just type a very long line.

• Link to demo site with this issue: N/A
• Link(s) to source code or any usefull link(s): N/A

Hexo Information

hexo-cli: 1.0.3
os: Darwin 16.7.0 darwin x64
http_parser: 2.7.0
node: 8.4.0
v8: 6.0.286.52
uv: 1.13.1
zlib: 1.2.11
ares: 1.10.1-DEV
modules: 57
nghttp2: 1.22.0
openssl: 1.0.2l
icu: 59.1
unicode: 9.0
cldr: 31.0.1
tz: 2017b

NexT Information

NexT Version:

[x] Latest Master branch.
[] Latest Release version.
[] Old version - 

NexT Scheme:

[] All schemes
[] Muse
[] Mist
[x] Pisces
[] Gemini

Other Information

[maoshengyang]

Hi @ivan-nginx, Is there any solution? Thanks a lot!

[ivan-nginx]

This is code block, what solution u want?

Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line Long line

[maoshengyang]

@ivan-nginx I just want the same style (font, background color, line number, etc.) with word-wrap. never mind. I'll find my own solution~

[ivan-nginx]

This is code block. If u want to replace long words in new line, how it will be? Code is code. If code have long line, there is must whole lines. But if u just want word-wrap with syntax highlighting and code style, need to add option in config and add css style on code block. I see there is was solution, but i don't think what this is not good idea. I think better will be replace standart scrollbar with pretty-beauty other with addition code.

[zhuzhuyule]

you can see this style, create a scroll that folat in code area bottom always !

open this blog, then double click second code block and scroll change !

[sli1989]

maybe managing Line Lengths in notepad-plus-plus is an option. The github repo is here.

[upupming]

Finally, I choose to use word wrap to make long lines more suitable for human reading. I got my inspiration from MIT 6.031 readings' code style. And this is the result.