Optimize the code editor.

[PmcFizz]

Describe the feature

When viewing YAML code, it is expected to have a folding function due to the length of the code. Additionally, it is desired to optimize line breaks as currently, when the code exceeds the editor container width, it causes disruption in the code format by splitting keys and values into separate lines. For longer code snippets, a scroll bar is preferred to maintain the formatting of the code.

期望有个折叠代码的功能，并且优化长代码显示，不分行显示或减少分行显示。

[qmhu]

Hi @PmcFizz , welcome to contribute issues like #762.

[PmcFizz]

Hi @PmcFizz , welcome to contribute issues like #762.

I can fix this issues, but i want a bootcamp task。would you like tag it ？

[qmhu]

This issue is not an urgent or functional one for us i think.