在UltraEdit中如何实时预览HTML网页

众所周知UltraEdit是一款功能强大的文本编辑软件，同时也能编辑代码。但UltraEdit强大的功能可不止文本和代码编辑，它还有一个HTML网页实时预览的功能，许多从事前端的工作者可以用这个软件来提高自己的工作效率。

前端工作实时看到自己的网页是一件对效率很有帮助的事情，可以根据实时的网页样本来调整自己的代码。UltraEdit可以兼容多个平台的代码，程序员可以放心的编辑自己的代码不用过多考虑平台和语法问题。接下来我将用几个步骤来展示UltraEdit如何进行HTML网页的实时预览。

1、将编写好的代码导入到UltraEdit

我们可以将自己编写好的代码导入到UltraEdit中，然后实时的查看。本文中选用的是一段研究生招生网中的公开代码作为示范（代码仅用于本文研究）。如果大家没有编写好的代码，也可以随便打开一个网页右击选择查看源代码然后复制到编辑界面来跟着下文的讲解学习一下。

图1：代码导入

2、实时查看网页的外观

首先在菜单栏中选择‘编码’按钮，接着再选择下级菜单的‘实时预览’。

图2：菜单栏位置

如图所示这个界面可以同时查看代码和网页的外观，可以对不满意的地方进行修改。再配合上UltraEdit的文本编辑功能，比如正则表达式、列模式编辑我们可以更加高效的去修改自己的代码。在修改之后还能实时查看网页的外观，这大大提高了工作效率。UltraEdit还提供了代码折叠和高亮功能，配合使用能达到事半功倍的效果。

图3：实时预览

3、浏览器模式进行调试

还可以点击‘切换浏览器视图’按钮，直接进入网页模式，这个模式下可以直接点击界面上的按钮来进行调试。一般的编译器都需要在浏览器中打开，很难做到这一点。

图4：浏览器模式

如图所示我们点击注册，可以直接切换到注册界面，还可以在其中测试输入框等。图中在输入错误的情况下，均给出了提示，这表明代码中的功能均能在UE中进行检验。

图5：测试注册界面

UltraEdit不仅是一款强大的文本编辑软件，还有编译HTML代码的功能。关键是二者可以结合使用，在文本编辑方面UltraEdit是专业的软件，经过了多个版本的迭代功能日趋完善，在编译方面UltraEdit可以兼容多个平台多种语言，囊括了JAVA、Python等主流开发语言，大家可以下载使用，提高自己的编程效率。