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