Fantastic主题代码块添加折叠按钮

本来想编辑一下prism.js文件的。看里面被压缩了。就放到这个行数插件里面吧。

首页 >> 外观 >> 主题编辑 >> 根目录\source\lib\prism\js\prism-line-numbers.js

在函数体最后添加这段代码:

里面的79.19px高度你们自己控制,这里刚好是一行代码的高度。

    _resizeElement(pre);
  });
// ↑115行代码

  // ↓↓↓ 添加的代码 ↓↓↓
  Prism.plugins.toolbar.registerButton("showOrClose", {
    text: "展开/关闭",
    onClick: function (env) {
      if (env && env.element && env.element.parentNode) {
        let showState = env.element.parentNode.getAttribute("show-state");
        if (showState == null) {
          showState = 1;
        }
        if (!!parseInt(showState)) {
          env.element.parentNode.setAttribute("show-state", 0);
          env.element.parentNode.style.maxHeight = "79.19px";
        } else {
          env.element.parentNode.setAttribute("show-state", 1);
          env.element.parentNode.style.maxHeight = 'max-content';
        }
      }
    },
  });
  // ↑↑↑ 添加的代码 ↑↑↑
})();
# Halo 

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×