前端代码着色模块使用说明
本帖最后由 马黑黑 于 2024-2-18 20:28 编辑 <br /><br /><style>.mama > p { margin: 0; padding: 10px 0; }
.mama mark { padding: 2px 6px; background: lightblue; color: red; }
</style>
<div class="mama">
<p>colorcode 前端代码着色模块使用正则表达式以极简的方式实现代码着色功能，模块集成自身所需CSS样式，以关键字和CSS、HTML、JS代码特征进行着色渲染，功能并非完备但或可聊胜于无。其开发定位着眼于对已有代码的着色，使用极其简便。举例如下：</p>
<div class="mum"><pre>
<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>
</pre></div>
<p>上述用法，应根据使用环境决定如何引用资源模块，注意，同一个页面仅使用其中一种。成功引用模块，代码着色效果将如上所示。</p>
<p>目前，模块对多行注释尚未支持，请使用基于JS和CSS的单行注释，即以下两种：</p>
<div class="mum"><pre>
// 注释方法一
/* 注释方法二 */
</pre></div>
<p>至此大家可能已经发现，同一个页面，可以在多处给前端代码着色。方法仅是使用：</p>
<div class="mum"><pre>
<div class="mum"><pre>你的代码</pre></div>
</pre></div>
<p>不过必须注意： <span class="tRed">代码中所有符号 <mark><</mark> 和 <mark>></mark> 必须分别转义为 <mark>&lt;</mark> 和 <mark>&gt;</mark>！</span>强烈建议使用文本编辑器对代码进行批量转换。此外，由于环境问题，如果代码左边距发生偏移，可用如下方法补救：</p>
<div class="mum"><pre>
/*CSS代码中加入一句属性设置*/
.mum ol { padding-left: 40px; }
</pre></div>
</div>
<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> 这个还需要用转义符啊，麻烦呢{:4_173:} 本帖最后由 马黑黑 于 2024-2-18 20:36 编辑
红影 发表于 2024-2-18 20:31
这个还需要用转义符啊，麻烦呢
不转义不合法，这是没有办法回避的，所有的代码着色程序都要求或全部转义或至少关键字符号转义，为了减少编程开销，我采用全部转义方法，就那两个符号。用文本编辑器（比如记事本）做两次就成了。 报告老师，试了一下超级好用。。。{:4_199:} 南无月 发表于 2024-2-18 21:13
报告老师，试了一下超级好用。。。
可能相对省事吧 马黑黑 发表于 2024-2-18 21:38
可能相对省事吧
从使用者的角度来说，十分完美。。。 南无月 发表于 2024-2-18 21:44
从使用者的角度来说，十分完美。。。
完美还谈不上的。用着吧，发现啥反馈一下，以便改进（能力所及的话） 马黑黑 发表于 2024-2-18 20:34
不转义不合法，这是没有办法回避的，所有的代码着色程序都要求或全部转义或至少关键字符号转义，为了减少 ...
嗯嗯，查找和替换一下就行了{:4_187:} 红影 发表于 2024-2-18 22:14
嗯嗯，查找和替换一下就行了
不用查找，直接替换：
按 Ctrl+H，文本编辑器将弹出替换窗口，查找文本框输入 > ，替换文本框输入 < ，点全部替换按钮。 马黑黑 发表于 2024-2-18 22:27
不用查找，直接替换：
按 Ctrl+H，文本编辑器将弹出替换窗口，查找文本框输入 > ，替换文本框输入 < ...
我一般都不会快捷键，直接在命令里操作的。 红影 发表于 2024-2-18 22:59
我一般都不会快捷键，直接在命令里操作的。
快捷键快捷，工作效率极高 马黑黑 发表于 2024-2-18 23:00
快捷键快捷，工作效率极高
这也是高手和低手的区别，我是低低手{:4_173:} 红影 发表于 2024-2-19 12:17
这也是高手和低手的区别，我是低低手
这不是高手低手的问题，主要原因在于个人有没有意愿去使用。我接触过很多只会编写文档的计算机使用者，他们绝大多数使用快捷键麻溜麻溜的，我看着都不得不叹服 马黑黑 发表于 2024-2-19 15:21
这不是高手低手的问题，主要原因在于个人有没有意愿去使用。我接触过很多只会编写文档的计算机使用者，他 ...
我也看到过做CAD图图使用快捷键的，而且是自己设置的快捷键，用起来真的好快啊。 马黑黑 发表于 2024-2-18 21:45
完美还谈不上的。用着吧，发现啥反馈一下，以便改进（能力所及的话）
老师今天辛苦啦，问题还是存在。。
https://www.huachaowang.com/forum.php?mod=viewthread&tid=69128&page=2&extra=#pid1905270
移步这里瞧一眼。。
是我描述的那样。。{:4_190:} 马黑黑 发表于 2024-2-18 21:45
完美还谈不上的。用着吧，发现啥反馈一下，以便改进（能力所及的话）
{:4_173:}实在是不忍心，午休都牺牲了。再来一杯茶。。 南无月 发表于 2024-2-19 17:14
实在是不忍心，午休都牺牲了。再来一杯茶。。
有时候也不午休的 马黑黑 发表于 2024-2-19 17:38
有时候也不午休的
比如外勤的时候{:4_173:} 马黑黑 发表于 2024-2-19 17:38
有时候也不午休的
哎，这个可休可不休的好。我这习惯性到点就困就麻烦。 南无月 发表于 2024-2-19 17:45
哎，这个可休可不休的好。我这习惯性到点就困就麻烦。
那要看几种情况：一是时间是否允许，二是有木有 任务，三是人困不困，四是想不想