使用易語(yǔ)言的人都知道,易語(yǔ)言IDE中的代碼中有表格和流程線(xiàn),不是一般的文本代碼。把代碼復制出來(lái)后再粘貼到編輯器中,就是純文本的代碼,跟IDE中相差十萬(wàn)八千里,而且非常不容易閱讀。于是有不少人做了一些在網(wǎng)頁(yè)上體現易語(yǔ)言IDE中原來(lái)樣式的工具,用到了table表格,流程線(xiàn)用圖片作為背景。雖然這樣看起來(lái)跟IDE中幾乎一模一樣,但是卻不能直接復制到IDE中使用,必須把原始代碼加進(jìn)去,通過(guò)點(diǎn)擊按鈕或鏈接來(lái)復制原始代碼。
我個(gè)人認為,代碼貼出來(lái)就是為了交流的,要體現出易讀、易復制的特性,不能帶上太多的附件。對于易語(yǔ)言這種特殊形式的代碼,不需要完全按照它原來(lái)的樣式來(lái)表現, 只要體現出那個(gè)意思就行了。這幾天修改了以前做的一個(gè)易語(yǔ)言代碼高亮工具,用CSS控制表格、流程線(xiàn)樣式,做了一個(gè)還算過(guò)得去的模塊。效果如下:
- .子程序 _啟動(dòng)子程序,整數型,,本子程序在程序啟動(dòng)后最先執行
- .局部變量 數字,整數型
- .局部變量 文本,文本型
- .局部變量 數組,文本型,,"0"
- .局部變量 m,整數型
- .局部變量 i,整數型
- 置隨機數種子 (取啟動(dòng)時(shí)間 ())
- 數字 = 取隨機數 (0, 10000)
- 數組 = { “個(gè)”, “十”, “百”, “千”, “萬(wàn)” }
- m = 取文本長(cháng)度 (到文本 (數字))
- .計次循環(huán)首 (m, i)
- .如果真 (i > 1)
- 文本 = “, ” + 文本
- .如果真結束
- 文本 = 數組 [i] + “位:” + 取文本中間 (到文本 (數字), m - i + 1, 1) + 文本
- .計次循環(huán)尾 ()
- 調試輸出 (數字, 文本)
-
- 返回 (0) ' 可以根據您的需要返回任意數值
- #鴻言_易代碼格式化模塊 HyStudio.Net
下載地址:鴻言_易代碼格式化模塊.zip
特點(diǎn):
1、樣式與html代碼分離,減小格式化后的體積;
2、樣式是獨立出來(lái)的,可以自己修改高亮顏色以及列表形式;
3、 顯示行號,也可以在css中修改行號的顯示和隱藏;
4、可以選擇顯示或隱藏復制出來(lái)的版本號和支持庫聲明;
5、可以直接復制到易語(yǔ)言IDE中使用。
需要注意的幾點(diǎn):
1、 你知道的,這是易語(yǔ)言模塊,必須在易語(yǔ)言中使用;
2、請特別注意:要把樣式代碼加入到CSS文件中或者對應的網(wǎng)頁(yè)頭部,否則無(wú)法顯示效果;
3、 格式化之前的原始代碼最好是從IDE中直接復制出來(lái)的,以免導致格式化出現錯位的現象;
4、子程序等表格頭可能會(huì )被超長(cháng)的備注文字撐開(kāi),可以在CSS中修改表頭長(cháng)度;
5、 “.如果結束”、“.判斷結束”等語(yǔ)句是通過(guò)設置顏色隱藏的,如果網(wǎng)頁(yè)設置了陰影樣式,會(huì )導致其顯示;
6、復制到IDE中時(shí)要把代碼選擇完整,不能丟失 “.如果結束”等隱藏的行。
另外格式化后的代碼底部有我的版權信息,你可以選擇保留或者隱藏該信息,但不能換成其他版權信息。
附樣式代碼:
- .e_c0 {display:inline-block; width:6px; color:#FAFAFA; font-size:6px;} /*圓點(diǎn)*/
- .e_c1 {color:#104E8B;} /*聲明*/
- .e_c2 {color:#0000FF;} /*類(lèi)型*/
- .e_c3 {color:#AA0000;} /*方法*/
- .e_c4 {color:#EE00EE;} /*字串*/
- .e_c5 {color:#00A800;} /*注釋*/
- .e_c6 {color:#FF0000;} /*數字*/
- .e_c7 {color:#5830E0;} /*屬性*/
- .e_c8 {color:#0000A0;} /*名稱(chēng)*/
- .e_c9 {color:#000000;} /*常規*/
- .e_ca {display:inline-block; width:6px; color:#E4EDE4; font-size:6px;} /*子程序表逗號*/
- .e_cb {display:inline-block; width:6px; color:#F4F7F4; font-size:6px;} /*參數變量表逗號*/
- .e_cc {padding:0 2px 0 10px; border-left:1px dotted #A6A6A6; color:#00A800;} /*表中備注*/
- .e_s0 {display:inline-block; width:18px; border-left:1px dashed #A6A6A6;} /*標志前縮進(jìn)*/
- .e_s1 {display:inline-block; width:24px; border-left:1px dashed #A6A6A6;} /*語(yǔ)句前縮進(jìn)*/
- .e_s2 {display:inline-block; width:24px; border-top:0px dashed #A6A6A6;} /*標志尾語(yǔ)句前縮進(jìn)*/
- .e_s3 {color:#FAFAFA;} /*標志尾語(yǔ)句*/
- .e_s4 {display:inline-block; width:460px; line-height:20px; padding:3px 10px 0 0; background-color:#E4EDE4; border-top:1px solid green; white-space:nowrap;} /*子程序等表格*/
- .e_s5 {display:inline-block; width:460px; line-height:20px; padding:0 10px 0 0; background-color:#F0F7F0; white-space:nowrap;} /*參數、變量等表格*/
- .e_url {text-decoration:none;} /*網(wǎng)站鏈接*/
- .e_div {font-family:"Courier New",Courier,mono; font-size:12px; background-color:#FAFAFA; border:1px solid #D1D7DC; width:100%; min-width:580px; overflow:auto; margin:0;} /*主體*/
- .e_div ol {padding:10px 10px 2px 2px; color:#2B91AF;} /*主體列表*/
- .e_div ol li {border-left:1px solid #D1D7DC; padding-left:24px; line-height:20px;} /*主體行*/
- .e_div ol li.e_ht {border-left:1px solid #D1D7DC; padding-left:18px; line-height:20px;} /*表頭行*/
- .e_div ol li.e_hb {border-left:1px solid #D1D7DC; padding-left:18px; line-height:20px;} /*標志頭行*/
- .e_from {list-style-type:none; text-align:right; color:#FAFAFA; padding:10px 0 0 0;} /*末尾版權聲明*/
轉載請注明出處: http://www.hystudio.net/173.html | 鴻言軟件工作室
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。