KompoZer/Nvu：所見即所得的免費網頁編輯器 | 善用佳軟

收費的網頁編輯器Dreamweaver和FrontPage有免費替代品嗎？有，Nvu和KompoZer就是值得推薦的選擇。它功能合理、 體積小巧、使用方便，值得一試。善用佳軟的blog及網站頁面，就是混用Nvu/KomopZer和Vim進行編輯的。我上一次使用FrontPage是 在1999年，而Dreamweaver則從來沒用過。Nvu對我來說足夠了。Nvu：音N-view，意New View，直譯為「新視圖」。Nvu|官網+下載Nvu|簡體中文版(非官方)KompoZer|官網+下載Nvu/KompoZer|經典便攜版一、背景或許你沒聽說過Nvu，但你肯定聽說過Firefox瀏覽器，可能聽說過Thunderbird電子郵件客戶端。和它們一樣，Nvu也是Mozilla家族的產品。更準確地說，是從原來的多功能的Mozilla軟體中，分立出了這三兄弟。既然源出Mozilla，Nvu當然與Firefox、Thunderbird一樣，也是開源(Open Source)、 跨平台(Cross Platform)、免費(free)的。也就是說，使用它，無須付費，也不會背負盜版之債。但從發展形勢來看，Firefox如日中天，Thunderbird雖前途未卜，但已經積累了大量用戶。而Nvu則已經停止了開發，因此，知之者，用 之者，都較少。但這並不意味著它的功能和質量有問題，實際上，它以最後的1.0版，功能已相當完善（詳見下文）。官方主頁稱之為「Linux、 Windows、Mac用戶的完整web編輯系統」，反映了它剛出現時，在網頁編輯領域的歷史地位。在Nvu停止更新後，KompoZer以繼承者的身份出現了——這就是開源軟體的好處。官方介紹為：在很多下載網站，把2005年6月發布的Nvu 1.0作為最後版本。但實際上，它並不是最新或最好的版本。一款稱為KompoZer的軟體，就是Nvu的非官方的升級/修正版。它並沒有修正Nvu的所 有bug，但確實改正了一些困擾人的問題。如果你使用Nvu一切正常，就繼續使用它。如果遇到了問題，則歡迎試一下KompoZer！」

筆者最初使用Nvu，後來改為KompoZer。但在文章中通常概稱為Nvu，或Nvu/KompoZer，或Nvu/KZ。你完全可以把它們視為同一款軟體。二、功能介紹Nvu/KompoZer作為網頁編輯器，具備了通常html編輯的大部分功能。或許有些功能比起收費的Frontpage和Dreamweaver，略有不如。但如下功能是否已經足夠你用呢？- 支持所見即所得（WYSIWYG），在我們在製作網頁時，更加的直觀化，編輯網頁就如同打字一樣容易。- 內建一個FTP Client，讓我們可以很輕易的把編輯好的文件發布到伺服器上。登錄FTP Server後，還支持在線實時更改頁面。- 可靠的HTML原始碼，讓由Nvu所創建出來的網頁，可以在當前多數的瀏覽器上正常運作。製作網頁時，可以使用所見即所得模式或HTML原始碼編輯模式。- Tab功能：可以讓我們很迅速的在多個頁簽間切換，並且編輯這些網頁。- 支持表單、表格、layer以及網頁模版。三、下載、安裝、設置關於下載的建議：①為了保證最新版，可到官方下載頁，或確認版本後在國內下載站（如華軍）下載。②下載時注意選擇 windows版，體積約7.6MB。③官方為英文版，http://moztw.org/nvu/ 提供了繁體中文版，簡體中文版可參見此貼，或上面的鏈接。④我推薦用這個英文的便攜版http://portableapps.com/apps/development/nvu_portable ，下載後無須安裝，解壓即可。關於設置的建議：①安裝後，建議設新網頁默認編碼為UTF-8或GB2312（Tools→Preference→New Page Settings→Internalization→Character Set）。②並且在每次新建文檔後，還要設一下當前的編碼（View→Character Encoding）。前者影響html的編碼聲明，後者影響實際編碼。前者設置一次後即可默認，而後者不能設為默認值，必須每次重新設一次，有些不便。四、使用NvuNvu的界面如下（點擊看大圖）所示：菜單、基本工具欄、按鈕與常見軟體基本相同，稍做熟悉即可上手。它不僅有通常編輯器的常規、源碼、預覽視圖，還有一個特別的tag視圖，在處理一些 html標籤或查看源文件時，非常方便。我製作了一個flash動畫，演示了Nvu的基本操作，以及上述設置。你可以到http://xbeta.ys168.com wink錄製的教程目錄下載Nvu-show.zip。解壓後，雙擊htm即可觀看。（關於錄屏，參見善用Wink，將電腦操作錄屏為flash）在使用過程中，感覺到Nvu的不足有：url不能自動轉鏈接；View菜單下的文件編碼不能默認；插入圖片默認要輸入alt text（感謝Maxwell補充，才知道這是html的規範做法）。如果想看更多介紹和教程，可見這篇文章。另，隆重推薦一篇Nvu的正式教程。所謂正式，並非指Nvu官方，而是指成為由台灣某小學製作並作為教材（台灣的免費軟體普及比在陸好很多），下載：www.ylm.edu.hk/com/P6_Nvu.pdf（此文件用OOo製作，贊）。另，再補充一些視頻教學，也是來自台灣：網上搜到這個〈Nvu 網頁製作軟體教學錄影〉，很不錯吧？站內也有鏈接到「天上的雲彩」（朝陽科技大學資訊管理系）的作者寫的NVU 使用手冊。五、總結從筆者自己的經驗來看，儘管編輯網頁的機會不多，但作為一個有點求完美的軟體用戶，還是確定了自己的方案：如果是寫一個比較簡單的html，或修改html，當然用gVIM。而如果要格式化的內容多一些，則我選Nvu。因此，我也非常願意向向個人用戶推薦用免費開源的Nvu代替收費的Frontpage和Dreamweaver。後續更新，見分享：Nvu/KompoZer格式化Html源碼的問題及解決xbeta，初稿200701，更新2008-02-04Nvu 中文語言擴展、KompoZer 中文語言擴展下載1、下載2：出自：善用佳軟　　更新：2008-02-18　　參見：網頁編輯器,我推薦Nvu1. 背景：Nvu來自Mozilla套件，是相當優秀的可視化的網頁編輯器。但已停止了開發。後續改進軟體為KompoZer（開源）。2. Nvu作為可視化編輯器，形成的html源代碼格式比較混亂。此問題看起來很簡單，但長久以來，困擾著國內國外的眾多用戶。Nvu/KompoZer始終未解決。追求完美的用戶只能採取間接手段。3. 當然，對大多數不關注源代碼格式的用戶，這算不上一個問題。4. 對西方語系的用戶，源碼格式問題已基本完美解決。使用擴展HandCoder，雖然要手工點一下按鈕（也可以設為保存時自動處理），但最終的效果已經很好。 主頁：http://fabiwan.kenobi.free.fr/HandCoder/HandCoder，是基於HTML Tidy的Nvu/KompoZer擴展。可以實現Nvu與Vim共同編輯html（但後者保存，在前者中只能第一次更新），且對源代碼進行tidy格式化。需下載html tidy程序。

5. 但Nvu+HandCoder，對中文網頁仍有問題。- 偶有亂碼。GB2312基本可以，UTF-8亂碼稍多。但注意一下，似乎也可以避免。- Nvu散亂的換行在經HandCoder整合時，會加入空格（如同Vim的J合併一樣）。對英文這是必須（單詞之間要空格），但對中文是不必要、錯誤的。如，TotalCommander需要整合為「Total Commander」，要加空格。但星星之火，可以燎原不應該整合為「星星 之火，可以燎原」。6. 本質上，Nvu的「自動格式化」（其實就是自動分行）水平很低，所以，還不如不做。也就是說，默認的72字元自動換行，應該允許用戶進行設定。7. 在軟體的設置中，有一項「保存時不重新格式化」。但此設置沒什麼用處。8. 再一項可能的解決是：修改editor.js中的pref(「editor.htmlWrapColumn」, 72);語句。這應該是解決辦法——但，仍然無效。也就是說，這一語句可能從Mozilla中繼承了下來，但程序並沒有讀取。9. 最終解決辦法：直接在Java控制台設定此值。Tools→JavaScript Console→輸入top.opener.GetCurrentEditor().wrapWidth = 9999這時，查看Nvu源代碼，發現不自動折行了。但是，如果你新開一個文件或做過其他動作，有可能需要再次設定。10. 結論：如果用Nvu/KZ編輯中文網頁，建議用GB2312編碼，然後top.opener.GetCurrentEditor().wrapWidth = 9999，保存，再用HandCoder格式化，效果會很好。（更新：2008-01-29）

>7您可能也喜歡：xvi32:免費的hex editor[視頻]Sublime Text2:兼具vim和TextMate優點的現代文本編輯器Precision Helper:最佳免費 CHM 製作軟體無覓關聯推薦[?]
推薦閱讀：