dreamweaver正则替换实战，实现为每行文字加样式或代码

时间：2016-09-08 10:57:29

分类：优秀文章

 cms大学小编最近工作中遇到了一个问题，内容是这样子，需要给每一行都增加代码。

原来是这样：

折叠XML/HTML 代码
  1. 全科  
  2. 中文  
  3. 英文  
  4. 數學  
  5. 通識  
  6. 綜合科學  
  7. 常識  
  8. 數學M1/2  
  9. ......  

需要变成这样，以用于html中：

折叠XML/HTML 代码
  1. <div class='subjectbox'>  
  2.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="全科" />  
  3.   全科中文</div>  
  4. <div class='subjectbox'>  
  5.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="英文" />  
  6.   英文</div>  

如果是少量代码，可以手工解决，但是这里非常多，有长达百余项，手工替换岂不是要眼花，不过cms大学小编可不是笨蛋，接下来我们就用dreamweaver的正则替换功能来实现批量替换出想要的样式。

首先我们替换前的内容是以换行符来分割的，我们在dw中按Ctrl+F键，打开“查找和替换”窗口，在查找区输入如下：

折叠XML/HTML 代码
  1. (.*?)  
  2.  

一定要注意第二行，这里是一个回车换行，这个非常重要！！！

替换区输入如下：

折叠XML/HTML 代码
  1. <div class='subjectbox'><input name="xiangmu[]" id='p_subject' type="checkbox" value="$1" />$1</div>  

其中$1跟火车头采集器或者伪静态规则等等里边的正则是一样的，将上边的通配符放置到 $1 这里。接下来点击“替换全部”就可以了。

下面就是我们完成的效果。

折叠XML/HTML 代码
  1. <div class='subjectbox'>  
  2.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="全科" />  
  3.   全科中文</div>  
  4. <div class='subjectbox'>  
  5.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="英文" />  
  6.   英文</div>  
  7. <div class='subjectbox'>  
  8.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="數學" />  
  9.   數學</div>  
  10. <div class='subjectbox'>  
  11.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="通識" />  
  12.   通識</div>  
  13. <div class='subjectbox'>  
  14.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="綜合科學" />  
  15.   綜合科學</div>  
  16. <div class='subjectbox'>  
  17.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="常識" />  
  18.   常識</div>  
  19. <div class='subjectbox'>  
  20.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="數學M1/2" />  
  21.   數學M1/2</div>  
  22. <div class='subjectbox'>  
  23.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="物理" />  
  24.   物理</div>  
  25. <div class='subjectbox'>  
  26.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="化學" />  
  27.   化學</div>  
  28. <div class='subjectbox'>  
  29.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="生物" />  
  30.   生物</div>  
  31. <div class='subjectbox'>  
  32.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="組合科學" />  
  33.   組合科學</div>  
  34. <div class='subjectbox'>  
  35.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="中國文學" />  
  36.   中國文學</div>  
  37. <div class='subjectbox'>  
  38.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="英國文學" />  
  39.   英國文學</div>  
  40. <div class='subjectbox'>  
  41.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="中史" />  
  42.   中史</div>  
  43. <div class='subjectbox'>  
  44.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="西史" />  
  45.   西史</div>  
  46. <div class='subjectbox'>  
  47.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="地理" />  
  48.   地理</div>  
  49. <div class='subjectbox'>  
  50.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="倫理與宗教" />  
  51.   倫理與宗教</div>  
  52. <div class='subjectbox'>  
  53.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="旅遊與款待" />  
  54.   旅遊與款待</div>  
  55. <div class='subjectbox'>  
  56.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="科技與生活" />  
  57.   科技與生活</div>  
  58. <div class='subjectbox'>  
  59.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="經濟" />  
  60.   經濟</div>  
  61. <div class='subjectbox'>  
  62.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="BAFS" />  
  63.   BAFS</div>  
  64. <div class='subjectbox'>  
  65.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="音樂" />  
  66.   音樂</div>  
  67. <div class='subjectbox'>  
  68.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="視覺藝術" />  
  69.   視覺藝術</div>  
  70. <div class='subjectbox'>  
  71.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="資訊及通訊科技" />  
  72.   資訊及通訊科技</div>  
  73. <div class='subjectbox'>  
  74.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="設計與應用科技" />  
  75.   設計與應用科技</div>  
  76. <div class='subjectbox'>  
  77.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="韓文" />  
  78.   韓文</div>  
  79. <div class='subjectbox'>  
  80.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="日文" />  
  81.   日文</div>  
  82. <div class='subjectbox'>  
  83.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="普通話" />  
  84.   普通話</div>  
  85. <div class='subjectbox'>  
  86.   <input name="xiangmu[]" id='p_subject' type="checkbox" value="其他科目" />  
  87.   其他科目</div>  

 

分享

相关文章

相关推荐

为帝国CMS用户提供动力

Copyright © 2016 CmsDX.com All Rights Reserved.