css - 怎樣批量替換目錄下的所有html文件的指定部分？

問題描述

<p id='topnav'> //新修改的代碼</p>

<p id='topnav'> //以前的代碼</p>

有個主頁的頂部導航和其它的很多子頁的頂部導航是相同的，現在修改了主頁的頂部導航代碼，子頁的也要改了?？墒且粋€一個地改實在是累死我了。有什么工具可以幫我完成這個工作嗎？

問題解答

既然是前端，那么就可以用node寫一個腳本，循環目錄下的各個文件，利用正則去替換就好了

所以就是循環讀取文件內容，找到內容，提取這一段內容，替換，更新保存，至于用什么語言無所謂

PS：如果之前保持良好的代碼組織習慣的話，這個問題就不會出現，比如頂部導航做成一個片段，在需要的地方引入，這樣以后修改起來就只要修改一處就好了，所以當你發現你在復用一長段代碼時，最好拆成一個單獨的文件

文本編輯器就可以 就是那個win下替代原生文本編輯器的軟件

一樣的代碼不應該引用同一個模版嗎？

sublime

Sublime Text 全文搜索正則替換

簡單寫了個循環替換的腳本，希望能幫到你。需要用到nodejs。安裝Node.js

代碼如下，filesArr為需要替換的文件數組，XXX是你新修改的代碼：

var fs = require(’fs’);var filesArr = [ ’header.html’, ’child1/nav.html’, ’child2/nav.html’, ’child3/nav.html’];for(var i = 0; i < filesArr.length; i++) { var fileContent = fs.readFileSync(filesArr[i], ’utf-8’); var newCon = fileContent.replace(/(<p id='topnav'>[rn]*)[sS]*([rn]*</p>)/, '$1XXXrn$2'); fs.writeFile(filesArr[i], newCon);}