使用咕咕機打印有道詞典中的單詞


  咕咕機買來兩三個星期了,買之前就是為了打印單詞的。但一直以來沒能找到個便捷的方法來打印一連串的單詞。

  好在最近溫習了Jquery,再加上一些正則的,終於可以批量打印,效果也挺滿意。現在分享給大家。

  先上一張效果圖:

  

操作步驟:

1.   

    a.單詞是有道詞典里的。

    b.把單詞的信息復制(只復制文本)到一些文本編輯器中。內容如下:

    delegate

    下載 糾錯
    英 [ˈdɛlɪˌɡeɪt; -ɡɪt; (for v.,) ˈdɛlɪˌɡeɪt] 美 [ˈdɛləgɪt; (for v.,) ˈdɛləˌgeɪt]
    vt. 委派…為代表

    n. 代表

    過去式 delegated過去分詞 delegated現在分詞 delegating

    c.我不太喜歡最后的過去式的那行,你們復制的時候可以不用復制過來。“下載 糾錯”也可以在先刪除掉。

     但也可以不用刪。因為我已經在js里自動去除它們。

2.   

    方法1:打開下面的地址:http://sandbox.runjs.cn/show/zw2ebupe 

        網頁別存為下載到本地或者是查看源代碼后復制粘貼后另存為html文件。

    方法2:復制下面的代碼到文本編輯器另存為html文件。

  1 <html lang="en">
  2 <head>
  3     <meta charset="UTF-8">
  4     <title>Document</title>
  5     <style type="text/css">
  6         .box{
  7             width: 240px;
  8             font-family: "Microsoft Yahei";
  9             font-size: 18px;
 10             
 11         }
 12         .box ul{
 13             width: 240px;
 14             list-style: none;
 15             padding: 0;
 16             margin: 0;
 17         }
 18     </style>
 19     <script id="jquery_144" type="text/javascript" class="library" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
 20     <script type="text/javascript">
 21         $(function(){
 22 
 23             var re_del = /下載 糾錯/g;
 24 
 25             var ul_con = $('.box ul').html();
 26                 
 27             $('.box ul').html(ul_con.replace(re_del,''));
 28 
 29             ul_con = $('.box ul').html();
 30 
 31             var word = /([a-zA-Z]+)(\s+(英 )?\[)/g;
 32 
 33             $('.box ul').html(ul_con.replace(word,'</li><li><h1>'+'$1'+'</h1>'+'$2'));
 34 
 35             $('.box li').each(function(){
 36             
 37                 var $li = $(this);
 38 
 39                 var val = $li.html();
 40     
 41                                 // 下面的三行是刪除過去式的語句,想保留可以把它們刪除掉。
 42                 var re2 = /過去式.*/;
 43                 
 44                 $li.html(val.replace(re2,' '));
 45 
 46                 val = $li.html();
 47 
 48                 var re = /(\s)([(n\.)|(vt\.)|(vi\.)|(adj\.)|(adv\.)|(prep\.)])/g;  
 49 
 50                 $li.html(val.replace(re,'<br>'+'$2'));
 51                   
 52               });    
 53         })    
 54     </script>
 55 </head>
 56 <body>
 57     <div class="box">    
 58         
 59         <ul>
 60             
 61 fluid 
 62 
 63 英 ['fluːɪd]  美 ['fluɪd]
 64 adj. 流動的;流暢的;不固定的
 65 n. 流體;液體
 66 
 67 strap 
 68 
 69 英 [stræp]  美 [stræp]
 70 vt. 用帶捆綁;用皮條抽打;約束
 71 n. 帶;皮帶;磨刀皮帶;鞭打
 72 vi. 精力旺盛地工作;受束縛
 73 
 74 pagination 
 75 
 76 英 [,pædʒɪ'neɪʃ(ə)n]  美 [,pædʒɪ'neʃən]
 77 n. 標記頁數;頁碼
 78 
 79 swipe 
 80 
 81 英 [swaɪp]  美 [swaɪp]
 82 vt. 猛擊;偷竊;刷…卡
 83 n. 猛擊;尖刻的話
 84 vi. 猛打;大口喝酒
 85 
 86 tap 
 87 
 88 英 [tæp]  美 [tæp]
 89 vt. 輕敲;輕打;裝上嘴子
 90 vi. 輕拍;輕擊;輕叩
 91 n. 水龍頭;輕打
 92 n. (Tap)人名;(柬)塔;(朝)塔
 93 vt. 采用,利用
 94 
 95 axis 
 96 
 97 英 ['æksɪs]  美 ['æksɪs]
 98 n. 軸;軸線;軸心國
 99 復數 axes
100 
101 drag 
102 
103 英 [dræg]  美 [dræg]
104 vt. 拖累;拖拉;緩慢而吃力地行進
105 vi. 拖曳;緩慢而吃力地行進
106 n. 拖;拖累
107 n. (Drag)人名;(匈)德勞格
108 
109 storage 
110 
111 英 ['stɔːrɪdʒ]  美 ['stɔrɪdʒ]
112 n. 存儲;倉庫;貯藏所
113 
114 expire 
115 
116 英 [ɪk'spaɪə; ek-]  美 [ɪk'spaɪɚ]
117 vi. 期滿;終止;死亡;呼氣
118 vt. 呼出(空氣)
119 
120 notation 
121 
122 英 [nəʊ'teɪʃ(ə)n]  美 [no'teʃən]
123 n. 符號;樂譜;注釋;記號法
124 
125 prepend 
126 
127 [pri:'pend]
128 vt. 預先考慮;預謀
129 
130             
131         </ul>
132         <br>
133         <br>
134         
135     </div>
136     </div>
137     </div>
138     
139 </body>
140 </html>
141             
View Code

 

3.

    把自己的單詞放在<ul></ul>之間即可。

4.

    這個html文件用瀏覽器打開。最好用360打開,因為可以把整個網頁另存為圖片。目前我所知的就360可以保存整個長度的網頁。

5.

    用畫圖工具:微軟自帶的畫圖或ps或其他能裁剪的都行。把圖片裁剪好。效果如圖:

  

6.打開咕咕機助手:http://guguji.me/

    你可以自行百度:“咕咕機助手”。注冊登錄后,綁好自己的咕咕機。選擇圖片-->上傳裁剪好的圖片-->打印即可。

7.最后祝大家Good Luck!歡迎各位朋友指出不足之處,大家多多交流。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM