发布时间:2020-12-03 15: 20: 23
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代码或实时编辑、预览的教程了,如果想要了解更多软件的实用技巧,访问UltraEdit中文网站。
作者:Noel
展开阅读全文
︾
读者也喜欢这些内容:
UltraEdit安装激活换机教程 如何生成脱机许可证
UltraEdit是深受编程人士喜爱的代码编辑器之一,简洁干净的工作界面,标配的语法高亮功能,代码折叠等高效编程功能,并且,还支持HTML、PHP和JavaScript等语法,让代码编辑、文档内容处理更加方便。...
阅读全文 >
UItraEdit“替换”命令详解(下)
本篇教程是《UItraEdit“替换”命令详解》的下篇,主要介绍有关UItraEdit“替换”命令的高级设置选项细则。...
阅读全文 >
UltraEdit的加密功能如何使用
有些朋友喜欢将自己心里的小秘密写在日记上,但又不想这些内容被别人知道,那怎么办呢?不如试试UltraEdit吧,这款软件自带文档加密功能,你可以为自己写的每一篇日记文档设置一个只有你自己知道的密码,这样就能将自己的小秘密倾诉出来的同时,...
阅读全文 >
关于UltraEdit布局与主题的个性化设置
UltraEdit是一款支持多语言的编辑器,功能强大且应用范围十分广泛,对于IT从业者来说更是一个好帮手。如支持网页预览、支持代码注释、支持代码高亮、支持代码格式化、支持16进制文件等等功能都很实用,这次主要聊聊关于UltraEdit这款软件自带的布局与主题的个性化设置吧。...
阅读全文 >