2008/06/29

25款实用WYSIWYG编辑器概览

编译:四眼天兔 文章来源:SMASHING MAGAZINE

过去,源码编译人员总是批评WYSIWYG编译器不够标准,写出来的东西不清晰。但是,现在WYSIWYG编辑器已经变得成熟了很多,有些编辑器可以编写出有效和漂亮的代码。

有时,你需要提供给你的客户一些简单的工具用来编辑和更新他们自己的网站,这就需要用到WYSIWYG编辑器。作为网页专业人员,你需要提供给你的客户一些缜密的建议以及提供一个简单易用但又十分有效的工具,那就是WYSIWYG编辑器。

我们相信我们把自认为最好的编辑器推荐给你说它就是最好的是一种错误的做法。毕竟每个人的选择都应该基于自身的需求、主要目的、技巧和经验来定。因此,在本文中我们会尽量客观的告诉你每款WYSIWYG编译器的实用性和弊端。

希望你通过此片文章可以认识一些从没听说过的编译器,或者发现一些你没有注意到的正在使用的编译器的特性以及潜在的使用危害。

什么是WYSIWYG

WYSIWYG是"What You See Is What You Get"的缩写,意思是所见及所得。在这样的编辑器中,你不用直接对源码进行编辑,而是直接对显示样本(图形)进行编辑。

提示: 本文中的WYSIWYG编辑器都是基于桌面系统的,包括Windows, Linux和Mac。

Adobe Dreamweaver

Dreamweaver (Win / Mac) 其前身是Macromedia Dreamweaver,该款编辑器是被广为使用的一款编辑器,它支持开发人员,改善工作流程,节省编码时间。和之前的版本的Dreamweaver相比较,最新版本提供了相当标准和干净的编码效果。

Dreamweaver还提供了很多有用的工具,如代码片断助手库,FTP管理、服务器故障排除以及集成代码开发。例如,你可以在单独的面板编辑CSS,让你很容易的看到样式应用效果。目前CS3版本售价$400。

Dreamweaver特性:

  • 高级CSS编辑
  • 集成编码环境
  • Ajax的Spry框架
  • 浏览器兼容性检测
  • 集成Photoshop CS3和Fireworks
  • 编码片断助手(例如CSS布局)
  • FTP管理
  • XML支持
  • FLV支持
  • 学习资源 (例如Adobe CSS建议)
  • 许多Dreamweaver扩展,例如SVN for Dreamweaver ($59).

Amaya

Amaya (Win / Mac / Linux) Amaya最独特的地方在于它是浏览器和网页编辑器的混合产物,因此你可以边浏览边编辑你的网页。该软件是w3C机构编写的软件, 这款全能工具允许你熟练的控制你的网页,更新和修改你的网页内容,插入图片和链接等。当然,前提是Amaya能够正确显示这些网页。

最新版本是Amaya 10, 2008年2月发布。它可以同时几个文件一起工作( (X)HTML, MathML (.mml)以及SVG (.svg)文件可以同时显示和编辑)。

Amaya还包括一个协作注释软件,以及支持SVG, RDF以及XPointer。Amaya是一款开源软件。

Rapidweaver

RapidWeaver (Mac) RapidWeaver一款基于模板设计的网页创意工具,它可以编辑不同类型的网页,包括独具风格的文本,博客,相册,幻灯片以及播客等。它还内建FTP上传以及集成iPhoto和.Mac.

RapidWeaver包括播客、评论、RSS订阅以及自定义永久链接和标签。RapidWeaver还支持SEO(搜索引擎)的优化。它还有很多很多的强大工具,如可修改的模板、实时php编译,混合和最大化WYSIWYG以及HTML,智能发布,基于XHTML和CSS的网站输出,可视化源码,内建错误检测等。所有的模板都是基于XHTML和CSS的。最值得称赞的就是RapidWeaver所提供的代码都是有效的、符合标准的。售价$49。

Adobe Contribute

Adobe Contribute Adobe Contribute是一款给不懂任何技术的人编辑网站和博客的工具。Contribute CS3可以让作者自己更新现有的网站和博客,同时对网站进行维护。Contribute提供Dreamweaver集成,可以从Microsoft Office进行文章发布以及从IE 7和Firefox进行编辑。

通过使用WYSIWYG写作环境,内容发布者即使不懂HTML也可以对网站进行修改和维护。Contribute CS3售价: $169。

Adobe Golive

Adobe Golive (Win / Mac) 曾经是Adobe的旗舰产品,现在Adobe已经不再看中这款编辑工具了。今年4月,Adobe停止了对此款软件的开发,并对GoLive 9进行降价销售。Adobe建议GoLive用户转用Dreamweaver,这也是你可能不见你的客户使用的原因,虽然Golive确实是一款值得称赞,而且功能强大的编辑工具。

Adobe GoLive 9特性:

  • 设计师样式
  • 可视化CSS布局
  • Adobe InDesign®集成
  • 色彩管理
  • Platform支持
  • 站点管理工具
  • 发布服务器
  • 智能对象

Microsoft Expression Web

Microsoft Expression (Win) 曾经被批评是一款相当不好用的网页编辑器(Frontpage)。微软现在的编辑器Expression似乎从它的前辈那里吸取了很多教训。Expression试图提供给网页使用者一个舒适的编辑环境,并且引入了很多类似于Adobe Dreamweaver的特性。但是,Dreamweaver的功能更强大而且用其编写的代码更为干净。虽然如此,Expression确实提供了标准的代码以及适应CSS和CSS布局。

Studio版本提供更多的软件支持,包括图像设计工具,视频解码工具,售价$500. Expression单用户包售价$350。你可以从Frontpage直接升级至Expression,这样可以节省不少钱。Expression提供60天的免费试用版,不过需要序列号。

特别提示: Expression并不是Frontpage的升级版,它是一款完全不同的开发工具Microsoft Expression和Microsoft SharePoint Designer非常类似,但是它没有定位于设计者,开始定位于网页开发。Microsoft SharePoint Designer强调的是设计和基于SharePoint的网站定制,可以看作是Frontpage的同门师兄。

Microsoft Expression特性:

  • ASP.NET 2.0集成
  • 高级CSS渲染
  • XPath Expression Builder工具
  • 建立和格式化符合行业标准的XML数据
  • 标签属性
  • 可见性检查
  • 实时标准验证
  • 项目纲要支持

NVU

NVU (Win / Mac / Linux) 这款编辑工具应该成为现在占主导地位产品的真正替代品:基于Linux, Microsoft Windows和Mac的一款超级WYSYWIG编辑工具,可以和FrontPage以及Dreamweaver比拼。 作为一款免费软件,Nvu确实提供了很多超出人们期望的特性。

Nvu (发音:N-view,意为"new view") 提供FTP远程文件管理,支持表格、表单和模板,使用相当简单。集成CaScadeS,一款十分有名的CSS编译工具,可以实时管理样式表。

Nvu是一款开源软件,基于Mozilla Public License (MPL)标准发布。不幸的是,自从去年开发者都没有更新过NVU。到目前位置,最新版本是KompoZer.

NVU特性:

  • 网站管理工具可以让你预览你正在编辑的网站
  • XML支持
  • 内建验证器

Kompozer

KompoZer (Win / Mac / Linux) 这款工具是NVU的一个附属产品,自从NVU放缓开发进程以来,KompoZer还在进行开发。KompoZer是一款完整的网页写作系统,集合了网页文件管理和WYSIWYG编辑。

KompoZer的设计目标是简单易用,为不懂技术又要建立网站的用户提供可行的解决方案。和NVU相比较, Kompozer提供了干净的代码和可视化标记。

最新版本是.7.10。Kompozer是小型项目和不懂技术的使用者的选择,但是对于专业的网站开发来说,它的功能相对弱了很多。

Namo WebEditor

Namo WebEditor (Win) Namo WebEditor集合了几乎所有简单易用的用来建设网站的工具。用户界面相当直观、简单、易用。你可以在设计、HTML和浏览器预览三种模式见切换。你也可以使用一系列的向导完成你的工作流程。Namo是一款功能强大的工具,但是它的WYSIWYG特性是有限的。Namo WebEditor Pro售价$99.95,提供免费试用版。

Namo Webeditor 特性:

  • 代码帮助可以帮助你快速完成代码自动填充
  • 快速标签编辑
  • 标签容器
  • HTML/CSS参考

Evrsoft First Page 2006

Evrsoft First Page 2006 (Win) 事实上,这是一款被低估的软件。它并不流行,而且自从2006年以来就没有再更新过,但是它的确拥有很多先进的WYSIWYG编辑器所没有的实用特性。例如,自动历史记录可以记住所有的属性和值,从而自动给你一些建设性的提示。

双浏览器引擎可以让你在First Page 2006中进行多浏览器预览。你可以在IE中预览你的作品,也可以在Mozilla中预览,也可以同时两个浏览器并排预览。实时可视化源码渲染引擎提供WYSIWYG 编辑器中常见的不用编辑源码就可以进行文件编辑和预览的功能。

内部集成许多工具可以创建标准代码。First Page是一款免费软件。类似的软件替代品是 Selida HTML Editor.自从2005年以后也没有进行过更新。

First Page特性:

  • CSS支持和自动检测
  • 语法高亮显示
  • 便签文件选择工具
  • 标签自动填充
  • Tidy HTML工具
  • IE实时预览
  • 图像绘制
  • CSS样式表设计
  • 服务器端支持
  • 高度定制化工具栏和界面
  • FTP客户端
  • 高级查找替换功能

Microsoft SharePoint Designer

Microsoft SharePoint Designer 2007 (Win) Microsofts Frontpage的升级换代产品。SharePoint Designer是一款标准的WYSIWYG编辑器。除了支持ASP.NET页面以外,没有什么新东西。提供免费试用版。 提供IE网络版,但是需要你有极大的耐心。


Sharepoint特性:

  • 支持 ASP.NET页面交互
  • 从RSS, XMl, Office XML创建数据预览
  • 内建工具流程设计,可进行协作
  • CSS工具
  • 追踪定制页面
  • 拼写检查
  • SharePoint Server 2007集成

NetObjects Fusion

NetObjects Fusion 这是一款曾经最烂的但也是最流行的一款WYSIWYG-编辑器。它生成的代码相当蹩脚(只有微软的Word才会生成最烂的代码),但是此款编译器却是主机提供商和ISP运营商最常提供给客户的。NetObjects Fusion可以让你不需要任何技术知识就可以建立网站。特别是当你想要做一个名片的时候,用此款软件只要几分钟就能做好。但是,如果你想建一个专业网站的话,NetObjects对你来说并不是一个很好的选择。

现在,NetObjects Fusion已经发展到10版本了,其生成代码的能力似乎应该有所改善,不过好像并不是那么回事。你可以在他们的网络商店获取试用版本,也可以直接购买零售版本,售价: €100。



Quanta Plus

Quanta Plus (Linux) Quanta Plus是一款十分稳定,使用起来相当顺手,具有丰富的网站开发环境的一款编辑器。Quanta是一款定位于效用和最大化用户使用灵活度的编辑器。

该款编辑器既有WYSIWYG使用界面,也提供手工编写代码界面。它具有标签自动填充、脚本语言自动填充、项目管理、实时预览以及PHP调试等特性。它还具有一个可视化的CSS编辑器,能够自动填写CSS代码,提供高度的可延展性和完整预览。

该款编辑器对项目管理提供了很好的特性,包括对本地和远程项目的管理支持。项目文件可以通过不同的协议上传到很多服务器。集成CVS, 并且通过外部插件可以支持Subversion(一款开放源代码的版本控制系统)。Quanta是基于KDE(一个用于UNIX工作站的网络透明的现代化桌面环境)的一款编辑器,依照GPL(GNU通用公共许可证)标准发布。

Freeway

Freeway (Mac) Freeway (原名Uniqorn) 分为两个版本:Freeway Pro和Freeway Express。Freeway 5 Pro可以使用绝对位置建立CSS页面布局,通过"Actions"插件使用高级程序(如使用PHP脚本语言链接MySQL数据库)。这些插件可以从一些网站免费下载,但是也有一些是要付费使用的。

你可以通过在网站上注册一串长长的信息获得一个免费试用版。Freeway是一款在"2008苹果设计大奖"上获得"最佳创意网络产品"提名的作品 。如果你是个苹果用户,FreeWay和RapidWeaver 可能都是你的首选。

Freeway特性:

  • 多个母版页
  • 布局工具
  • 链接地图
  • 链接样式
  • 集成.Mac 上传
  • 兼容IE
  • 支持背景图像切片
  • 内建预览 (Safari/Webkit)
  • 可导入EPS (Panther及更高版本), Illustrator, Photoshop图层
  • Freeway商店
  • 使用Blogger模板

Seamonkey Composer

SeaMonkey Composer (Win / Mac / Linux) 这是一款可以替代大型商业软件的简单但是功能强大的编辑器。SeaMonkey是一个自由的开放原始码以及跨平台的网络套件,并且由Mozilla基金会建构,之后转由旗下的SeaMonkey专案领导团体开发。虽然说Netscape是相当成功的,但是SeaMonke并没有像前者那样。

该款编辑器功能强大而且使用起来非常简单,提供动态图像和表格大小变换,快速插入和删除表格空隙,改善的CSS支持,以及支持固定定位。SeaMonkey内建WYSIWYG编辑器,是一款全能的网页应用软件套装。

Create

Create (Mac) Create是一款集合Illustrator, InDesign, Pages, GoLive, Canvas, DreamWeaver, QuarkExpress, Streamline等软件特性于一体的操作简单,价格低廉的OS X原创软件。它还支持托拽式添加链接文本和图像,每款工具都有自己的导航栏和索引,你还可以从一个文件创建PDF和网站两种格式。

WYSIWYG Web Builder

WYSIWYG Web Builder Web Builder是一款高度定制化和可延伸的软件,具有相当多的特性,脚本和模板。你可以通过托拽形式添加你的设计元素。软件支持很多脚本和图像编辑功能。

集成PayPal eCommerce工具; 带有RSS设定的播客选项,内建RSS选项的博客和Google站点优化。该款编辑器还具有很多扩展功能,如密码保护,RSS定制,RSS分析,电子相册和lightboxe相册。

针对非专业人士、网页制作新手和小企业的编辑工具

iWeb (Mac) iWeb是一款精巧的网页制作工具。你只需点一下鼠标就可以更换页面模板。如果你愿意,你还可以在一个网站使用多种模板主题。你可以置入Google地图和Google AdSense广告,你可以托拽你的相册到网站的首页。添加网站widgets,实时查看来其它网站的内容。 售价$7,不提供试用版本。.

Sandvox (Mac) Sandvox具有托拽式网站组合,不需要预览模式的实时编辑,超过40款预设图形,以及17种不同的用户控件。它是一款容易使用并且十分漂亮的网页制作工具,适合那些不想花太多时间来开发网站的人使用。售价$49。

Sitegrinder (Win / Mac) SiteGrinder是一款Photoshop插件,可以把Photoshop 图像转换成网页格式。它是一款十分妙的软件,使用起来非常容易。售价$129,提供免费试用版本。

Studioline Web3 (Win) Studioline是一款基于Javascript的软件,如果你没有启用Javascript,那么你将什么也看不到。该软件提供的源码不包含图表,设计质量也不高,不建议在家使用。

Bluevoda (Advertising) BlueVoda是一款免费下载的软件,但是你必须有VodaHost的账号才能发布网站。BlueVoda和微软Office的界面十分相似,和大多数WYSIWYG编辑器一样,该款编辑器的HTML代码是隐藏的,允许用户不需要懂得代码知识就可以创建网站。

Website X5 (Win) WebSite X5是一款彻头彻尾的可视化软件i:网站不需要任何代码,只需通过"点击"几下就可以完成,而且由它创造出来的网站是绝对符合标准的。售价$60。

<oXygen/> (Win / Linux / Mac) 事实上,<oXygen/>是一款高级的XML编辑器,但是它也提供许多有用的工具给网页制作新手和高级网页开发人员。你可以利用该软件提供的工具编辑(X)HTML网页文件。该款编辑器提供独立版本、基于JAVA网页开发环境的版本和Eclipse插件。售价$59。

没有评论: