如何在UltraEdit中预览HTML代码？
UltraEdit是一款功能非常强大的文本编辑器，可以进行文本编辑、十六进制处理、ASCII码转换等，是系统自带记事本的优秀替代品。
图1:UE软件主界面
在很多编辑器中，是无法直接查看HTML代码的效果的，但是在UltraEdit中是可以在写完代码以后直接在编辑器中预览的，那么具体该如何操作呢？
方法一：浏览器视图
我们以一段简单的Hello，World代码为例。在UE中新建一个文件，更改为html后缀，并输入以下代码：
<!DOCTYPE HTML>
<html>
<body>
<p>Hello,World!</p>
</body>
</html>
图2：HTML代码编辑界面
代码编辑完成后，选择保存。然后点击工具栏中“编码”，选择“浏览器视图”，可以看到，编辑器页面已经变成浏览器视图。在这个视图页面，可以直接看到HTML页面效果。
图3：浏览器视图界面
如果需要继续编辑代码，则可以再次点击“浏览器视图”，切换回代码编辑器界面。
图4：切换回代码编辑界面
方法二：实时预览
除了“浏览器视图”外，还可以选择“实时预览”功能。与浏览器视图不同的是，在选择了实时预览之后，左侧为代码编辑器界面，右侧为浏览器界面。在左侧进行编辑后，右侧会直接显示出实时预览效果。
图5：代码实时预览
例如，在左侧添加一段文字，稍等一段时间（视电脑性能而定）后，软件右侧会直接显示出效果。
图6：修改后直接预览
样式设置
众所周知，CSS是一种用来表现HTML文件样式的计算机语言，能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。在编辑网页时，需要引入CSS文件，而在UE中，可以直接进行样式生成。
点击工具栏中“样式生成器”，可以看到弹出了一个“样式构建器”，在样式构建器中，可以对网页样式进行定制，并生成相应的CSS文件。
图7：样式构建器
除此之外，如果已有样式文件，也可以在实时预览->添加样式中直接导入。
图8：添加样式
以上就是在UltraEdit中直接预览HTML代码或实时编辑、预览的教程了，如果想要了解更多软件的实用技巧，访问城东书院网站。
湘公网安备 43102202000103号