Feature request: fold the code [solved]

[xiekeyi98]

I want to have a good feature , which is can fold the code . ( If user click the button , all the code will be show , reversely , it will not show too many lines.

I looked at the latest features and don't seem to have the support.

And I found someone implement the feature by modify the themes/next/source/js/src/post-details.js
( links: http://www.bubuko.com/infodetail-2466336.html sorry for Chinese )

It sounds a great feature , isn't?

[ivan-nginx]

Fold — it's like spoiler? Somewhere i can see example with code folding?

[sli1989]

• GitHub collapse in comment

• post-details.js, slideToggle in jQuery

[ivan-nginx]

So? Here is plugin hexo-sliding-spoiler.
BTW, same function can be implemented by tab tag.

[xiekeyi98]

I'm sorry to bother you.

With the help of everyone, the problem has been solved perfectly.

[xiekeyi98]

@ivan-nginx I tested the plugin ..
Ah, Have a good way to make the code highlight?

[ivan-nginx]

What u want, i don't understand.

[sli1989]

@xiekeyi98 the use of highlight with codeblock can check this.

[xiekeyi98]

@sli1989 you mean I should use the codeblock to make the code highlight , and use the other plugins or functions to fold the code like spoiler ?

[xiekeyi98]

Simply to say , I want to fold the code like ~~~spoiler~~~( I found the spoiler is not what I want ) , and can highlight the code easiliy .( I want to choose the language like markdown . Now some implementation can not choose the language.

[sli1989]

they are difference function and not contradictory...
the spoiler plugin doesn't render your code block, add something you want to fold inside tags, include code block.

[xiekeyi98]

@sli1989 Thanks a lot .
I will try to do it .
And hope this features can be protogenesis.

---

And have to say that I am so sorry for my poor English.

[xiekeyi98]

I use the :

{% spoiler title %}

{% codeblock lang:XXX %}
my code
my code
{% endcodeblock %}
{% endspoiler %}

Finish my problem .

[yanickxia]

@ivan-nginx i think spoiler maybe not a good way, it's best way that we can add _config.yml codeblock add a item is 'fold: [true/false]', what do you think?

[ivan-nginx]

It's will be something like autospoiler? You want to fold all your code blocks by default, if option fold will be true?

Can u try to use tabs tag? It looks something like that:

---

I just still don't understand what u exactly want. I think your code blocks very big to height and user must a lot of scroll your post, and information became not nice-looking. So, for good give your info from your blog you must economize vertical scroll of current page on maximum and use colorized instruments to design your post to better reading.

[yanickxia]

@ivan-nginx you're right, i think it's good for me,thanks

[stevenjoezhang]

@xiekeyi98 @ivan-nginx @sli1989 Use html <details> tag https://www.w3schools.com/tags/tag_details.asp