[js] 代码块默认折叠与展开与编辑

感谢 代码块建议有个标题栏，点击可以折叠隐藏 - chuchen 的回帖 - 链滴问题的提出者jinzhu160和回答者EmptyLight

感谢[js][css] 分享一个类语雀代码块折叠 JS - 链滴的分享者Luuxcyzz，在她的基础上画蛇添足增加了个编辑功能，前提是安装了巨佬甲的集成编辑环境插件，可能很多人没用惯 我觉得在思源简单的修改下代码完全够用的，但是切记每次修改完需要用 ctrl+s 保存！

monaco-editor 是用 vscode 的快捷键，也算是我以前问题的回应了~小白日梦：有没有可能把代码块替换为 monaco-editor？ - 链滴

一些设定：

1. 默认是把代码块全部折叠的
2. 全屏后可按 esc 退出，手机就只能点那个退出按钮了
3. 切换语言标签需要指向到原有的语言类型那里
4. 标题每次重载会还原为“代码块”，或许以后会持久化属性，我个人觉得鸡肋
5. 更多的在以后更新时候注释里面补充。帖子更新要花费积分~

// 原版：作者：Luuxcyzz 链接：https://ld246.com/article/1741694005802，感谢分享~
    // chuchen接力版：
    // V0.1:增加了默认折叠，优化了部分css，增强部分易用性，对移动端进行适配，增加了编辑按钮，可调用【集成编辑环境插件】，IEE，思源里的vscode。
    //待增强功能：
    // 1. 提高模拟点击过程菜单时的无感交互体验！
    // 2. 可能通过自定义属性增加对标题和折叠状态的持久化保存，但感觉不太必要~
    // 3. 暗黑主题的兼容，我不怎么用所以就懒得写了，有需要的话可以自行修改css。
    // 4. 如果发现展开后代码块行号堆叠，建议设置取消自动换行的设置，原因不明，但不关键。在【集成编辑环境插件】alt+z 可自动换行。

简陋的演示：

不定期更新，分享地址：

思源笔记代码片段/Chuchen_代码块默认折叠与展开与编辑.js · chuchen0719/思源笔记-代码片段分享 - 码云 - 开源中国