Emeditor CSS代码着色宏文档初稿

马黑黑 发表于 2022-3-26 09:40

本帖最后由马黑黑于 2022-3-26 10:23 编辑

暂时这样：

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

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

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

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

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

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

马黑黑 发表于 2022-3-26 09:41

本帖最后由马黑黑于 2022-3-26 10:23 编辑

原始代码：

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

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

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

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

document.selection.Text = str;

马黑黑 发表于 2022-3-26 09:44

本帖最后由马黑黑于 2022-3-26 10:23 编辑 <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 infinitealternate; } .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>

马黑黑 发表于 2022-3-26 10:24

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

红影发表于 2022-3-26 12:20

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

这个和三位一体的代码很像呢{:4_187:}

红影发表于 2022-3-26 12:40

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

马黑黑 发表于 2022-3-26 13:41

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

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

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

马黑黑 发表于 2022-3-26 13:52

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

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

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

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

/<(\/{1,})>/gm

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

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

马黑黑 发表于 2022-3-26 13:54

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

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

红影发表于 2022-3-26 15:23

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

$myStr =...

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

红影发表于 2022-3-26 15:24

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

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

红影发表于 2022-3-26 15:25

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

<div id="okey" class="upDiv" style="c ...

黑黑辛苦了{:4_187:}

马黑黑 发表于 2022-3-26 16:32

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

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

马黑黑 发表于 2022-3-26 16:33

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

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

马黑黑 发表于 2022-3-26 16:35

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

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

红影发表于 2022-3-26 20:57

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

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

红影发表于 2022-3-26 20:58

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

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

红影发表于 2022-3-26 20:58

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

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

马黑黑 发表于 2022-3-26 21:27

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

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

马黑黑 发表于 2022-3-26 21:28

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

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

页: [1] 2 3

花潮论坛's Archiver

Emeditor CSS代码着色宏文档初稿