请马上登录，朋友们都在花潮里等着你哦：）
您需要 登录 才可以下载或查看，没有账号？立即注册
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; }
| 
发表于 2024-2-18 20:16
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主
发表于 2024-2-18 21:13
