ExHtmlEditor - 快速所见即所得 HTML 可视化编辑器

引言

ExHtmlEditor 是一个开源的程序/应用程序，用于学习和编写 HTML。在您键入代码时，立即获得并排显示的视觉效果。支持 HTML5、Javascript 和 CSS3 元素的渲染。这个程序对 HTML 学习者非常有用。它体积小巧、可移植，非常适合 Web 开发者进行快速代码测试。

网站：http://exhtmleditor.codeplex.com

特点

• 支持 HTML5、Javascript 和 CSS3 元素。
• HTML 代码与视觉渲染输出并排即时显示。
• HTML 语法高亮显示。
• 代码搜索和替换。
• 可移植，无需安装。
• 免费，开源。

ExHtmlEditor 中使用的有趣组件

在编写这个程序时，有一些有趣的组件我想向您介绍。

ScintillaNET

ScintillaNET 是一个开源文本编辑器。它提供语法高亮显示、前后文本搜索、行号显示、自动代码块分析以进行折叠/收起和展开块的功能。支持超过 80 种语言的语法高亮显示。

网站：http://scintillanet.codeplex.com/

ScintillaNET 截图

Awesomium

Awesomium 是一个基于 Chromium 开发的先进 HTML 渲染引擎，类似于一个网页浏览器，但可以集成到 .NET WinForm 和 WPF 应用程序中。它对渲染 HTML5 和 CSS3 元素具有很好的支持。

WinForm 传统 WebBrowser 控件的主要问题是它对渲染 CSS3 元素的支持较差。

Awesomium 的 WebControl 与 WebBrowser 控件的渲染输出对比

Awesomium 的 CSS3 元素渲染输出

传统 WinForm WebBrowser 的 CSS3 元素渲染输出

Windows 7，Internet Explorer 8

正如您所见，使用 Internet Explorer 8 的 WebBrowser 控件无法渲染 CSS3 元素。

另一个例子：不同版本的 Internet Explorer 渲染结果不一致

Windows 7，Internet Explorer 9

Windows XP，Internet Explorer 6

WebBrowser 的渲染结果基于安装的 Internet Explorer 版本。

因此，Awesomium 提供了解决方案。Awesomium 免费用于

• 个人使用
• 非商业用途
• 去年收入低于 10 万美元的公司/团队的商业用途。

了解更多关于 Awesomium 的信息：http://awesomium.com，http://awesomium.codeplex.com