请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 马黑黑 于 2024-2-18 20:28 编辑
colorcode 前端代码着色模块使用正则表达式以极简的方式实现代码着色功能,模块集成自身所需CSS样式,以关键字和CSS、HTML、JS代码特征进行着色渲染,功能并非完备但或可聊胜于无。其开发定位着眼于对已有代码的着色,使用极其简便。举例如下:
<div class="mum"><pre>
/* 这里是CSS、HTML、JS代码 */
</pre></div>
//自由环境引用模块方法
<script charset='utf-8' src='https://638183.freep.cn/638183/web/js/colorcode.js'></script>
//通用引用模块方法(支持dz论坛)
<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/colorcode.js';
document.querySelector('body').appendChild(sF);
</script>
上述用法,应根据使用环境决定如何引用资源模块,注意,同一个页面仅使用其中一种。成功引用模块,代码着色效果将如上所示。
目前,模块对多行注释尚未支持,请使用基于JS和CSS的单行注释,即以下两种:
至此大家可能已经发现,同一个页面,可以在多处给前端代码着色。方法仅是使用:
<div class="mum"><pre>你的代码</pre></div>
不过必须注意: 代码中所有符号 < 和 > 必须分别转义为 < 和 >!强烈建议使用文本编辑器对代码进行批量转换。此外,由于环境问题,如果代码左边距发生偏移,可用如下方法补救:
/*CSS代码中加入一句属性设置*/
.mum ol { padding-left: 40px; }
|