KompoZer/Nvu:所见即所得的免费网页编辑器

2010-05-06补充:本文有待更新。现补充两点:
1. KompoZer已推出官方简体中文版:kompozer-0.8b3.zh-CN.win32.zip (8.3 MB, 2010-03-02)
2. 更详尽的教程请参见 TeliuTe编写的 Nvu基础入门教程
kompozer 简体中文版

收费的网页编辑器Dreamweaver和FrontPage有免费替代品吗?有,Nvu和KompoZer就是值得推荐的选择。它功能合理、 体积小巧、使用方便,值得一试。善用佳软的blog及网站页面,就是混用Nvu/KomopZer和Vim进行编辑的。我上一次使用FrontPage是 在1999年,而Dreamweaver则从来没用过。Nvu对我来说足够了。

Nvu:音N-view,意New View,直译为“新视图”。
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的编码声明,后者影响实际编码。前者设置一次后即可默认,而后者不能设为默认值,必须每次重新设一次,有些不便。

四、使用Nvu

Nvu的界面如下(点击看大图)所示:
菜单、基本工具栏、按钮与常见软件基本相同,稍做熟悉即可上手。它不仅有通常编辑器的常规、源码、预览视图,还有一个特别的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。

xbeta,初稿200701,更新2008-02-04

Nvu 中文语言扩展、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合并一样)。对英文这是必须(单词之间要空格),但对中文是不必要、错误的。
如,

Total
Commander
需要整合为“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)

>

《KompoZer/Nvu:所见即所得的免费网页编辑器》有22个想法

  1. 安装了kompozer,安装成功了。由于是英文版,按照上面“KompoZer 中文语言扩展下载1“链接下载扩展,按照步骤内容…最后我的kompozer打不开了阿,打开软件,就出现以下提示。弄了好长时间还没弄好,谁能帮我阿//:

    XML 分析错误: 未定义的 Entity
    位址: chrome://editor/content/editor.xul
    行号 230, 第 7 个字:
    ——^ <key id=”key_openHelp”
    —-^ <menuitem label=”&addons.label;”
    ——^ <menuitem id=”spell-no-suggestions”
    ——^

    1. 你只要一執行kompozer即會在你的win個人document內的appdata(隱藏的資料夾)留下紀錄,所以必需將…appdataroamingkompozer.net 及…appdataloacalkompozer.net 兩個資料給刪 除,再重新啟動kompozer就可正常執行

  2. 哦,忘记说了,我是在fedora下安装的,估计是扩展下载错了。但是我rpm -e kompozer删除后,重新安装,不装扩展,还是出现如上的错误提示。

  3. 请问不能在split模式下的源码查看器中编辑还有多大的用,非要切换到Source模式下才能编辑,还没有颜色加亮。

  4. 最近试用了Nvu ,的确用起来很快,感觉很不错。很多用户,并不单一只使用某一个编辑器的。除了Frontpage和Dreamweaver,其实还有很多人用WORD文件来生成HTM文件,因为WORD编辑完后顺手就可以生成HTM文件,不过在用
    Nvu进行交错编辑时,也就是编辑其他编辑器操作过HTM文件时,比如WORD操作过的,就会有表格的变形。总不可能重新写表格与数据吧,有很多是以前的资料的。能否增加点兼容性呢。

  5. 网页编辑的替代的话,我推荐Namo WebEditor,小巧,所见即所得,还能绿化来用。使用习惯跟frontpage一样,所以不用太多的研究就能用。

  6. 多谢博主推荐, 在寻找网页编辑器看到这篇后, 一直在使用 KompoZer. 感觉比较不错, 小巧, 功能也基本足够, 还是开源的.

    关于文中提到的编码问题, 这里提供我的一点发现:
    在主目录的 Kompozer 配置目录中, 寻找到 prefs.js. 接着在这个目录中新建 user.js 文件, 在其中保存后面的代码:
    =================代码区===============================
    user_pref(“editor.custom_language”, “zh-cn”); //这里设置网页中使用的语言, 实际关系不大, 只是在使用的语言与后面选择的编码不一致时可能会有保存和显示的问题

    //这两个设置必须保持一致, 这里以使用 GBK 为例
    user_pref(“intl.charset.default”, “x-gbk”); //这里设置实际的文件编码, 在 [菜单]->[字符编码] 可以查看和设置
    user_pref(“editor.custom_charset”, “x-gbk”); //这里设置网页文件的编码声明, 在 [工具]->[首选项]->[新页面设置]->[本地化] 中可以查看和设置

    /*
    //这里设置为 UTF-8, 其中的 UTF 小写可能有问题
    user_pref(“intl.charset.default”, “UTF-8”);
    user_pref(“editor.custom_charset”, “UTF-8”);
    */
    =================代码区===============================
    这样, 可以把 GBK (或 UTF-8, 对上面的代码进行适当修改) 设置为 html 编码声明和实际的文件编码.

    关于 prefs.js 与 user.js 的关系, 请参阅: http://www-archive.mozilla.org/unix/customizing.html#prefs

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据