Emeditor CSS代码着色宏文档初稿

马黑黑

暂时这样：

1. /*        文件名 : css2color.jsee  作用 : CSS代码着色
   
2.         马黑编写于 2022年3月26日
   
3. */
   
4. 
   
5. document.selection.SelectAll();
   
6. var str = document.selection.Text;
   
7. 
   
8. var regAr = [
   
9.         //[/(["'])([^"']{1,})(["'])/gm, "<span style='color: magenta;'>$1$2$3</span>"], //引号 待完善
   
10.         [/(^.*?)(:)/gm, "<span style='color: blue;'>$1</span>$2"], //属性名称
    
11.         [/(^[\.#@].*?)([\s\{])/gm, "<span style='color: red;'>$1</span>$2"], //选择器+@keyframes
    
12.         [/(\/\*)(.*)(\*\/)/gm, "<span style='color: green;'>$1$2$3</span>"], //注释
    
13.         [/\t/gm, "    "], //制表符
    
14.         [/<([/]{0,1}style.*)>/gm, "<$1>"], //转义
    
15.         [/\r\n/gm, "<br>"] //换行符
    
16. ];
    
17. 
    
18. for(i=0; i<regAr.length; i++) {
    
19.         str = str.replace(regAr[i][0], regAr[i][1]);
    
20. }
    
21. 
    
22. document.selection.Text = str;

复制代码

以上宏文档代码目前仅能针对规范编写的CSS代码进行有效着色，将来有精力的话可以陆续将之完善，以便增强其适应各类风格的代码。

上述代码，由于论坛 code 标签对某些字符的转义机制，可能不完整，我在下楼再给一份。

马黑黑

原始代码：

/* 文件名 : css2color.jsee  作用 : CSS代码着色
   马黑编写于 2022年3月26日
*/

document.selection.SelectAll();
var str = document.selection.Text;

var regAr = [
        //[/(["'])([^"']{1,})(["'])/gm, "<span style='color: magenta;'>$1$2$3</span>"], //引号 待完善
        [/(^.*?)(:)/gm, "<span style='color: blue;'>$1</span>$2"], //属性名称
        [/(^[\.#@].*?)([\s\{])/gm, "<span style='color: red;'>$1</span>$2"], //选择器+@keyframes
        [/(\/\*)(.*)(\*\/)/gm, "<span style='color: green;'>$1$2$3</span>"], //注释
        [/\t/gm, "    "], //制表符
        [/<([/]{0,1}style.*)>/gm, "<$1>"], //转义
        [/\r\n/gm, "<br>"] //换行符
];

for(i=0; i<regAr.length; i++) {
        str = str.replace(regAr[0], regAr[1]);
}

document.selection.Text = str;

马黑黑

<style type="text/css">
#paBox {
    width: 100%;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    filter: contrast(30);
}

#ball {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: blue;
    transition: transform .8s;
    filter: blur(15px);
}

.ball-1 { animation: mvL 4s linear infinite alternate; }
.ball-2 { animation: wave linear 1s infinite alternate; }
.ball-3 { animation: mvR 4s linear infinite alternate; }

@keyframes wave { to { transform: scale(1.5) rotate(180deg); } }
@keyframes mvL { to { transform: translateX(-165px); } }
@keyframes mvR { to { transform: translateX(165px); } }
</style>

马黑黑

三楼是宏生成的CSS代码样式，还达不到要求

红影

马黑黑 发表于 2022-3-26 09:44
本帖最后由 马黑黑 于 2022-3-26 10:23 编辑 &lt;style type="text/css"&gt;#paBox {&nbsp;&nbsp;&nbsp;&nbs ...

这个和三位一体的代码很像呢

红影

宏的名称有点陌生，好像word里见过。字符转义机制也觉得很陌生。

马黑黑

红影 发表于 2022-3-26 12:20 这个和三位一体的代码很像呢

嗯，随便抓个代码测试。CSS的弄得有点吃力，HTML的比较好：

<div id="okey" class="upDiv" style="color:red">
    <div id="txt">
        纯CSS走马灯 - 自右向左
    </div>
</div>

马黑黑

红影 发表于 2022-3-26 12:40
宏的名称有点陌生，好像word里见过。字符转义机制也觉得很陌生。

字符转义是最麻烦的。我在用PHP是，它对转义还是有好的，比如，它支持直接在双引号里转义：

$myStr = "Mary told her son, \"you can get that car. \"";

JS这方面差一些，所以要经常双引号和单引号套用。至于正则，转义后就根本看不出那个是转义的：

/<(\/[a-zA-Z]{1,})>/gm

而且看起来一头雾水是常事。

所谓转义，指编程中需要用到的系统语法保留的元字符，如小角引号，斜杠，等等，需转义，系统才识别你用的这个元字符不是元字符。

马黑黑

红影 发表于 2022-3-26 12:40
宏的名称有点陌生，好像word里见过。字符转义机制也觉得很陌生。

Emeditor里的宏其实是JavaScript在它内部的应用，它的宏和word一样，除了支持JS，还支持VBScript

红影

马黑黑 发表于 2022-3-26 13:52
字符转义是最麻烦的。我在用PHP是，它对转义还是有好的，比如，它支持直接在双引号里转义：

$myStr =  ...

嗯，这些个需要一个个打开来弄明白含义，然后再组合起来才有可能弄明白

红影

马黑黑 发表于 2022-3-26 13:54
Emeditor里的宏其实是JavaScript在它内部的应用，它的宏和word一样，除了支持JS，还支持VBScript

实际上word的宏只是知道有这个名字，基本没使用过呢。

红影

马黑黑 发表于 2022-3-26 13:41
嗯，随便抓个代码测试。CSS的弄得有点吃力，HTML的比较好：

&lt;div id="okey" class="upDiv" style="c ...

黑黑辛苦了

马黑黑

红影 发表于 2022-3-26 15:25
黑黑辛苦了

其实这类工具挺多的，好多是在线的，只是好看实用的的都依赖CSS和JS库，论坛又不支持

马黑黑

红影 发表于 2022-3-26 15:24
实际上word的宏只是知道有这个名字，基本没使用过呢。

Word的宏本身就与病毒联系在一起，多数人都会关闭宏

马黑黑

红影 发表于 2022-3-26 15:23
嗯，这些个需要一个个打开来弄明白含义，然后再组合起来才有可能弄明白

很多人都说正则表达式就像天数。据我了解，程序员中畏惧正则的大有人在，很多人就是不太跟去碰正则。不过正则的确太厉害，掌握一二就可以让查找替换工作简洁高效

红影

马黑黑 发表于 2022-3-26 16:32
其实这类工具挺多的，好多是在线的，只是好看实用的的都依赖CSS和JS库，论坛又不支持

嗯嗯，你上次就说过，论坛无法调用。

红影

马黑黑 发表于 2022-3-26 16:33
Word的宏本身就与病毒联系在一起，多数人都会关闭宏

是的，也听到过这个和病毒有点关联的。

红影

马黑黑 发表于 2022-3-26 16:35
很多人都说正则表达式就像天数。据我了解，程序员中畏惧正则的大有人在，很多人就是不太跟去碰正则。不过 ...

若是能掌握也是一项利器呢。

马黑黑

红影 发表于 2022-3-26 20:58
若是能掌握也是一项利器呢。

绝对是。我可能理解了0/10000

马黑黑

红影 发表于 2022-3-26 20:58
是的，也听到过这个和病毒有点关联的。

主要是微软的VBScript用得不好，不考虑安全问题或考虑不周。安全一直是微软的弱项。