是否有任何 HTML 所见即所得的编辑器？答案

【问题标题】：Is there any HTML wysiwyg editor?是否有任何 HTML 所见即所得的编辑器？
【发布时间】：2011-02-02 11:08:33
【问题描述】：

我想知道在编辑从 ASP.NET、PHP、GWT 或其他任何东西生成的复杂 HTML 页面时，是否有任何好的 WYSIWYG 编辑器。我已经尝试了很多所见即所得的工具，但在某个点之后，我总是以手动编辑 HTML 源代码或 CSS 来解决不同的问题。我尝试过的编辑器与我正在编写的 ASP.NET/PHP/etc 代码永远不兼容。

编辑：我使用 Visual Studio 做 ASP.NET 开发已有几年了。一段时间后，我什至无法打开页面和用户控件，因为它们依赖于调试时不可用的太多东西。

【问题讨论】：

Visual Studio 编辑器怎么样？
是的 @Marek Visual Studio 编辑器工作正常......只需使用拆分模式，看看你在写什么......
你也可以坚持手工编辑。我已经尝试了很多所见即所得的编辑器，但像你一样，更频繁地结束手工编码。虽然我确实发现在处理大量代码（PHP 或 JS）时，像 notpad++ 这样的东西很好
添加了“主观”标签，因为这类问题归结为品味问题。这并不是说没有有用的答案......只是有很多相互矛盾的答案:)
S.Lott，我试过用谷歌搜索它，但没有找到任何适用于复杂用法的所见即所得编辑器。

标签： asp.net html wysiwyg

【解决方案1】：

看看 BBCode 编辑器

http://richtexteditor.com/demo/bbcode.aspx

这个例子展示了一个用于编辑器的简单 BBCode 格式化程序。

【讨论】：

【解决方案2】：

用于复杂网站/应用程序的 WYSIWYG 编辑器永远无法衡量恕我直言。

问题归结为想要控制 HTML/CSS 标记，以及通过拖放创建 GUI 的灵活性。（两者几乎是相反的）

举一个非常简单的例子。

在 WYSIWYG 模式下，我输入/创建（假装 World 在 Hello 之后的行（Markdown 编辑器强制我添加额外的换行符））：

你好

世界

编辑器应该创建什么 HTML？

Hello<br/>
<b>World</b>

<p>Hello</p>
<p><strong>World</strong></p>

<div>Hello</div>
<div><span style="font-weight:bold;">World</span></div>

<span class="abcNormal">Hello</span>
<br/>
<span class="abcBold">World</span>

（还有无数种可能性）

我仍然认为您可以拥有的最好的东西是一个编辑器/IDE，它可以理解您的组件/标签并提供自动完成和代码辅助/智能感知 - 搭配一个非常快速的部署选项，以便尽快在真实浏览器中测试更改(s)

【讨论】：

【解决方案3】：

我同意，我现在有 Expression Web，它运行良好。您可以在设计视图中移动内容，但当然，如上所述，必须手动呈现代码。但是，如果您想查看所做的更改，它会起作用。当然，我总是会在浏览器中查看它，而不仅仅是依赖设计视图。 W3Schools 也是一个很棒的工具。

【讨论】：

【解决方案4】：

我个人认为 Visual Studio 最适合 ASP.NET，尽管 Expression Web 似乎也不错。

但我个人认为最好开始编写更多代码并越来越少地使用所见即所得的部分。对于 Web 应用程序，一切都与它们在浏览器中的显示方式有关，我认为浏览器是应该用于测试 GUI 的工具。

【讨论】：

【解决方案5】：

我喜欢 VS，但我宁愿甜蜜地爱上一只刺猬，也不愿使用 HTML 编辑器。 Expression Web 在编辑 HTML 方面做得更好。

【讨论】：

除非在那些奇怪的情况下它显示它是 FrontPage 遗产并将 html 重新格式化为非工作状态。诚然，Expression 比 FrontPage 过去在这方面要好得多。但其中一些问题仍然存在。

【解决方案6】：

你不会得到任何完美的东西。您几乎总是需要手动调整标记，至少一点点。

你最好的选择可能是Adobe Dreamweaver 用于 PHP 和 Visual Studio（Visual Studio Web Developer Express 是免费的）用于 ASP.NET。

【讨论】：

+1 用于降低期望值。 :) WYSIWYG 编辑器领域中的没有什么是完美的，您将总是必须了解 HTML/CSS 并能够进行调整。