首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    改善代码块折叠和选中功能

    对于技术类的分享文章而言,或多或少会需要使用到代码块的功能,Hugo NexT主题中默认也是支持代码块的展示,只不过无法支持代码块进行折叠和展开的操作,且在代码选中时的样式与背景也不太容易区分,同时也还发现其他的一些小问题...本以为只是需要给代码块增加个点击事件监听,然后进行相应的展开或折叠操作,但发现定位这个代码块的元素有些问题,原因是受限于之前实现代码块渲染功能时,使用的是内嵌入的样式来支持的,而Hugo生成的代码又是比较的混乱...classList.toggle('collapse'); }, false); element.parentNode.insertBefore(ch, element); }); 信息 至于代码选中的区分...另外为了更好的兼容在不同浏览器进行代码拷贝,新引入了 clipboard.js 库重写代码拷贝的功能。原以为引入这个库后也可以同步解决拷贝代码时末尾出现换行的,只是最后发现还是得靠自己来解决才行。...这里使用的是将Dom元素中的textContent变量来代替默认的innerText,同时增加去除空格的处理。

    61910

    修复代码块默认高度相关缺陷

    参考了PaperMod主题对于代码块的做法,给HugoNexT主题中的代码块增加默认高度,并修复了其他与代码块中显示异常的问题。...增加默认最大高度 考虑到主题配置的灵活性满足不同用户对于代码块显示需求,在配置文件中增加maxHeight参数,默认值是200px,用户可根据自己的需求进行调整。...同时对于小于默认高度的代码块移除收缩的点击事件,只保留超过默认高度代码块的收缩展开事件。...信息 后来在代码调整完成后反思了下,其实PaperMod主题的做法是正确的,尤其当文章中的代码块较多且长时,如果默认都是展开显示的话,文章内容就会被撑得很长,影响阅读体验。...有了这个默认高度的设置后,可在阅读代码块的时候选择是否以展开全部。

    39510

    JS魔法堂:阻止元素被选中

    一、前言                               在为IE5.5~9polyfill HTML5新特性placeholder时需要阻止元素被选中,因此在网上、书上查阅相关资料,记录在此以便日后查阅...以下两个属性目前并未支持,写在这里为了减少风险 */ -o-user-select: none; user-select: none; } user-select: auto; => 用户可以选中元素中的内容...user-select: none; => 用户不可选中元素中的内容 user-select: text; => 用户可以选中元素中的文字 目前这个 user-select 兼容 Chrome 6+、...} }; 四、参考                                《JavaScript框架设计》──9.3.2 user-select    http://www.html-js.com

    5.8K60

    【Unity ShaderGraph】| 快速制作一个 卡通阴影色块效果

    前言 本文将使用ShaderGraph制作一个卡通阴影色块的效果,可以直接拿到项目中使用。...【Unity ShaderGraph】| 快速制作一个 卡通阴影色块效果 一、效果展示 资源下载方式: ShaderGraph效果资源整合文件【其中内容持续更新】 二、卡通阴影色块效果 首先在Project...ShaderGraph,在ShaderGraph 面板中添加以下节点,然后对节点进行连接,如下所示: 通过调节Color节点的颜色,可以改变周围的颜色效果,调整Sample Gradient节点可以设置几个阴影色块颜色...快捷方法是在Project下鼠标选中该ShaderGraph,然后右键Creat创建一个Material,这样我们创建出来的材质球,就自动使用这个Shader了。

    1.3K30
    领券