it-swarm.cn

什么是好的WYSIWYG HTML编辑器?

我使用过Dreamweaver(尽管是CS3所以我回来了几个版本),但我对它产生的无效标记量感到失望。是否有其他WYSIWYG编辑器产生有效的标记?

7
plntxt

如果要控制代码,请使用Dreamweaver中的代码视图,或使用纯文本编辑器,如Windows上的Notepad ++,Mac上的Textmate或* nix上的Vim。 WYSIWYG的问题在于,您无法完全控制自己生成的代码,尽管您在事后可以自由地进行清理。

7
D4V360

这里有一个相关的问题: HTML验证:值得吗? 。我提出这个问题,因为你提到你对无效标记感到不安。在我看来,标记语义比标记有效性更重要,通常这只能由人 - 特别是正确完成,并且所有新元素都由HTML5。

Jeffery Zeldman最近发表了一篇关于这个主题的文章: 一个用于HTML和CSS的InDesign 。受到Adobe某些人的谈话的启发,他认为没有WYSIWYG编辑器可以创建有意义的语义标记,而不是计算机程序可以组成有意义和情感化的音乐。

如果您选择坚持使用Dreamweaver并使用其代码视图(这是我使用了很长一段时间,它非常好)您应该考虑升级到CS5。考虑到所有Flash的仇恨,Adobe竭尽全力提高它所生成的代码的质量。他们还创建了 HTML5 Pack

此扩展为Adobe Dreamweaver CS5中的HTML5和CSS3提供初始支持,并帮助您轻松创建HTML5页面和CSS3样式。它还包括针对设计视图和实时视图渲染的更新和WebKit改进。

虽然HTML5和CSS3将在一段时间内无法最终确定,但该扩展程序支持一组当前实现的功能。

此扩展通过以下方式增强Dreamweaver CS5:

  • 推出Multiscreen Preview面板,允许在3种不同的屏幕尺寸上进行实时视图显示,并支持Media Query。 (窗口>多屏预览)
  • 使用新标记,属性和属性为HTML5标记库添加代码提示。
  • 更新代码提示现有HTML标记中的新属性和值。
  • 为以下CSS3规范添加代码提示:2D/3D转换;动画;背景与边界;基本用户界面;线路布局;选取框;媒体查询;多列;红宝石;文本;和过渡。
  • 更新实时视图以支持<video>和<audio>。 (需要Quicktime安装。)
  • 改进了实时视图中CSS3的渲染。
  • 将HTML5启动器布局添加到“新建文档”对话框中。
  • 在Design View中为新标签提供更好的渲染。

Dreamweaver比大多数竞争对手都要长得多,并且是一个可靠的程序,如果你选择坚持使用WYSIWYG编辑器,你将无法从其他任何应用程序中获得更好的效果。

3
Bryson

Coda 来自Panic的家伙是一款非常漂亮的Mac产品。您自己编写标记,因此保留完全控制,就像使用TextMate,Notepad2等一样。但是,您还可以在分屏中看到实时预览,以便立即了解您对页面的影响。这是一个不错的“两全其美”解决方案。

3
Alan

我用过 jEdit 和Eclipse,因为他们很好地完成了我的开发工作流程的其余部分。 jEdit的语法突出显示,以及识别各种文本格式的能力非常好,可以快速查看我常常遇到的奇怪事情。

我同意其他提到避免WYSIWYG编辑的人。 DW的最新版本确实在大多数时间生成可接受的代码,但是当我使用它时,无论如何我在代码视图中花费了95%的时间。

1
acrosman

我用 Microsoft Visual Web Developer 2010 Express (免费,包括用于商业用途):)

0
Andrei Rînea