Nvu：音N-view，意New View，直譯為“新視圖”。

Nvu|官網(wǎng)+下載 Nvu|簡體中文版(非官方)

KompoZer|官網(wǎng)+下載 Nvu/KompoZer|經(jīng)典便攜版

一、背景

或許你沒聽說過Nvu，但你肯定聽說過Firefox瀏覽器，可能聽說過Thunderbird電子郵件客戶端。和它們一樣，Nvu也是Mozilla家族的產(chǎn)品。更準(zhǔn)確地說，是從原來的多功能的Mozilla軟件中，分立出了這三兄弟。

既然源出Mozilla，Nvu當(dāng)然與Firefox、Thunderbird一樣，也是開源(Open Source)、 跨平臺(Cross Platform)、免費(fèi)(free)的。也就是說，使用它，無須付費(fèi)，也不會背負(fù)盜版之債。

但從發(fā)展形勢來看，F(xiàn)irefox如日中天，Thunderbird雖前途未卜，但已經(jīng)積累了大量用戶。而Nvu則已經(jīng)停止了開發(fā)，因此，知之者，用 之者，都較少。但這并不意味著它的功能和質(zhì)量有問題，實(shí)際上，它以最后的1.0版，功能已相當(dāng)完善（詳見下文）。官方主頁稱之為“Linux、 Windows、Mac用戶的完整web編輯系統(tǒng)”，反映了它剛出現(xiàn)時(shí)，在網(wǎng)頁編輯領(lǐng)域的歷史地位。

在Nvu停止更新后，KompoZer以繼承者的身份出現(xiàn)了——這就是開源軟件的好處。官方介紹為：在很多下載網(wǎng)站，把2005年6月發(fā)布的Nvu 1.0作為最后版本。但實(shí)際上，它并不是最新或最好的版本。一款稱為KompoZer的軟件，就是Nvu的非官方的升級/修正版。它并沒有修正Nvu的所 有bug，但確實(shí)改正了一些困擾人的問題。如果你使用Nvu一切正常，就繼續(xù)使用它。如果遇到了問題，則歡迎試一下KompoZer！”

筆者最初使用Nvu，后來改為KompoZer。但在文章中通常概稱為Nvu，或Nvu/KompoZer，或Nvu/KZ。你完全可以把它們視為同一款軟件。

Nvu/KompoZer作為網(wǎng)頁編輯器，具備了通常html編輯的大部分功能?；蛟S有些功能比起收費(fèi)的Frontpage和Dreamweaver，略有不如。但如下功能是否已經(jīng)足夠你用呢？
- 支持所見即所得（WYSIWYG），在我們在制作網(wǎng)頁時(shí)，更加的直觀化，編輯網(wǎng)頁就如同打字一樣容易。
- 內(nèi)建一個(gè)FTP Client，讓我們可以很輕易的把編輯好的文件發(fā)布到服務(wù)器上。登錄FTP Server后，還支持在線實(shí)時(shí)更改頁面。
- 可靠的HTML原始碼，讓由Nvu所創(chuàng)建出來的網(wǎng)頁，可以在當(dāng)前多數(shù)的瀏覽器上正常運(yùn)作。制作網(wǎng)頁時(shí)，可以使用所見即所得模式或HTML原始碼編輯模式。
- Tab功能：可以讓我們很迅速的在多個(gè)頁簽間切換，并且編輯這些網(wǎng)頁。
- 支持表單、表格、layer以及網(wǎng)頁模版。

關(guān)于下載的建議：
①為了保證最新版，可到官方下載頁，或確認(rèn)版本后在國內(nèi)下載站（如華軍）下載。②下載時(shí)注意選擇 windows版，體積約7.6MB。③官方為英文版，http:///nvu/ 提供了繁體中文版，簡體中文版可參見此貼，或上面的鏈接。④我推薦用這個(gè)英文的便攜版http:///apps/development/nvu_portable ，下載后無須安裝，解壓即可。
關(guān)于設(shè)置的建議：
①安裝后，建議設(shè)新網(wǎng)頁默認(rèn)編碼為UTF-8或GB2312（Tools→Preference→New Page Settings→Internalization→Character Set）。②并且在每次新建文檔后，還要設(shè)一下當(dāng)前的編碼（View→Character Encoding）。

前者影響html的編碼聲明，后者影響實(shí)際編碼。前者設(shè)置一次后即可默認(rèn)，而后者不能設(shè)為默認(rèn)值，必須每次重新設(shè)一次，有些不便。

Nvu的界面如下（點(diǎn)擊看大圖）所示：
菜單、基本工具欄、按鈕與常見軟件基本相同，稍做熟悉即可上手。它不僅有通常編輯器的常規(guī)、源碼、預(yù)覽視圖，還有一個(gè)特別的tag視圖，在處理一些 html標(biāo)簽或查看源文件時(shí)，非常方便。
我制作了一個(gè)flash動畫，演示了Nvu的基本操作，以及上述設(shè)置。你可以到http://xbeta. wink錄制的教程目錄下載Nvu-show.zip。解壓后，雙擊htm即可觀看。（關(guān)于錄屏，參見善用Wink，將電腦操作錄屏為flash）
在使用過程中，感覺到Nvu的不足有：url不能自動轉(zhuǎn)鏈接；View菜單下的文件編碼不能默認(rèn)；插入圖片默認(rèn)要輸入alt text（感謝Maxwell補(bǔ)充，才知道這是html的規(guī)范做法）。
如果想看更多介紹和教程，可見這篇文章。另，隆重推薦一篇Nvu的正式教程。所謂正式，并非指Nvu官方，而是指成為由臺灣某小學(xué)制作并作為教材（臺灣的免費(fèi)軟件普及比在陸好很多），下載：www./com/P6_Nvu.pdf（此文件用OOo制作，贊）。另，再補(bǔ)充一些視頻教學(xué)，也是來自臺灣：網(wǎng)上搜到這個(gè) 〈Nvu 網(wǎng)頁制作軟體教學(xué)錄影〉，很不錯吧？站內(nèi)也有鏈接到「天上的云彩」（朝陽科技大學(xué)資訊管理系）的作者寫的 NVU 使用手冊。

從筆者自己的經(jīng)驗(yàn)來看，盡管編輯網(wǎng)頁的機(jī)會不多，但作為一個(gè)有點(diǎn)求完美的軟件用戶，還是確定了自己的方案：如果是寫一個(gè)比較簡單的html，或修改html，當(dāng)然用gVIM。而如果要格式化的內(nèi)容多一些，則我選Nvu。因此，我也非常愿意向向個(gè)人用戶推薦用免費(fèi)開源的Nvu代替收費(fèi)的Frontpage和Dreamweaver。

后續(xù)更新，見分享：Nvu/KompoZer格式化Html源碼的問題及解決

HandCoder，是基于HTML Tidy的Nvu/KompoZer擴(kuò)展。可以實(shí)現(xiàn)Nvu與Vim共同編輯html（但后者保存，在前者中只能第一次更新），且對源代碼進(jìn)行tidy格式化。需下載html tidy程序。

5. 但Nvu+HandCoder，對中文網(wǎng)頁仍有問題。
- 偶有亂碼。GB2312基本可以，UTF-8亂碼稍多。但注意一下，似乎也可以避免。
- Nvu散亂的換行在經(jīng)HandCoder整合時(shí)，會加入空格（如同Vim的J合并一樣）。對英文這是必須（單詞之間要空格），但對中文是不必要、錯誤的。
如，

Total
Commander

需要整合為“Total Commander”，要加空格。但

星星
之火，可以燎原

不應(yīng)該整合為“星星 之火，可以燎原”。

6. 本質(zhì)上，Nvu的“自動格式化”（其實(shí)就是自動分行）水平很低，所以，還不如不做。也就是說，默認(rèn)的72字符自動換行，應(yīng)該允許用戶進(jìn)行設(shè)定。

7. 在軟件的設(shè)置中，有一項(xiàng)“保存時(shí)不重新格式化”。但此設(shè)置沒什么用處。

8. 再一項(xiàng)可能的解決是：修改editor.js中的
pref(“editor.htmlWrapColumn”, 72);
語句。這應(yīng)該是解決辦法——但，仍然無效。也就是說，這一語句可能從Mozilla中繼承了下來，但程序并沒有讀取。

9. 最終解決辦法：直接在Java控制臺設(shè)定此值。
Tools→JavaScript Console→輸入
top.opener.GetCurrentEditor().wrapWidth = 9999
這時(shí)，查看Nvu源代碼，發(fā)現(xiàn)不自動折行了。但是，如果你新開一個(gè)文件或做過其他動作，有可能需要再次設(shè)定。

10. 結(jié)論：如果用Nvu/KZ編輯中文網(wǎng)頁，建議用GB2312編碼，然后top.opener.GetCurrentEditor().wrapWidth = 9999，保存，再用HandCoder格式化，效果會很好。（更新：2008-01-29）