UltraEdit

UltraEdit中文网 > 常见问题 > 如何在UltraEdit中预览HTML代码?

如何在UltraEdit中预览HTML代码?

发布时间:2020/12/03 15:20:23

UltraEdit是一款功能非常强大的文本编辑器,可以进行文本编辑、十六进制处理、ASCII码转换等,是系统自带记事本的优秀替代品。

图1:UE软件主界面

在很多编辑器中,是无法直接查看HTML代码的效果的,但是在UltraEdit中是可以在写完代码以后直接在编辑器中预览的,那么具体该如何操作呢?

  1. 方法一:浏览器视图

我们以一段简单的Hello,World代码为例。在UE中新建一个文件,更改为html后缀,并输入以下代码:

<!DOCTYPE HTML>

<html>

<body>

<p>Hello,World!</p>

</body>

</html>

图2:HTML代码编辑界面

代码编辑完成后,选择保存。然后点击工具栏中“编码”,选择“浏览器视图”,可以看到,编辑器页面已经变成浏览器视图。在这个视图页面,可以直接看到HTML页面效果。

图3:浏览器视图界面

如果需要继续编辑代码,则可以再次点击“浏览器视图”,切换回代码编辑器界面。

图4:切换回代码编辑界面

  1. 方法二:实时预览

除了“浏览器视图”外,还可以选择“实时预览”功能。与浏览器视图不同的是,在选择了实时预览之后,左侧为代码编辑器界面,右侧为浏览器界面。在左侧进行编辑后,右侧会直接显示出实时预览效果。

图5:代码实时预览

例如,在左侧添加一段文字,稍等一段时间(视电脑性能而定)后,软件右侧会直接显示出效果。

图6:修改后直接预览

  1. 样式设置

众所周知,CSS是一种用来表现HTML文件样式的计算机语言,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。在编辑网页时,需要引入CSS文件,而在UE中,可以直接进行样式生成。

点击工具栏中“样式生成器”,可以看到弹出了一个“样式构建器”,在样式构建器中,可以对网页样式进行定制,并生成相应的CSS文件

图7:样式构建器

除此之外,如果已有样式文件,也可以在实时预览->添加样式中直接导入。

图8:添加样式

以上就是在UltraEdit中直接预览HTML代码或实时编辑、预览的教程了,如果想要了解更多软件的实用技巧,访问UltraEdit中文网站。

作者:Noel

标签:样式编辑器css样式设置

读者也访问过这里:
UltraEdit 中文网站
功能强大的文本编辑器
立即购买
QQ 群
官方交流群: 立即加群
400-8765-888 kefu@makeding.com
热门文章
UltraEdit安装激活换机教程 如何生成脱机许可证
UltraEdit是深受编程人士喜爱的代码编辑器之一,简洁干净的工作界面,标配的语法高亮功能,代码折叠等高效编程功能,并且,还支持HTML、PHP和JavaScript等语法,让代码编辑、文档内容处理更加方便。
2021-10-12
UltraEdit入门基础
UltraEdit是一款功能强大的、多平台的文本编辑器,也是多种程序语言的程序编辑器。UltraEdit界面简洁易用(界面与Word相似),图形化的工具栏有助于使用者迅速找到所需的工具。此外,UltraEdit可以处理复杂的软件开发项目,它的灵活性及易于自定义,非常适合程序开发人员和公司企业应用。
2020-12-29
如何使用UltraEdit的查找和替换功能
UltraEdit强大且易于使用,能查找到搜索大型日志文件,生成包含搜索字符串的所有行的列表,基于模式的查找和替换正则表达式支持,搜索列和选定文本,保存搜索收藏夹,替换单个文件或所有打开文件,显示和隐藏包含特定字符串的行,以及更多内容。如何运用这款专业、且容易上手的软件进行查找和替换,是我们今天要为大家解答的问题。在本篇文章中,将使用UltraEdit这款Windows软件,进行查找和替换过程的讲解。
2021-03-16
UltraEdit使用技巧之自定义用户界面
UltraEdit在默认的情况下,使用的是Ribbon功能区的页面布局模式。其特点是顶部菜单栏中的选项会以水平的方式,平铺展开在顶部菜单栏中。但对于比较习惯使用工具栏式(竖向菜单)布局模式的用户来说,使用起来会显得不够便捷。那么,是否可以更改UltraEdit的默认布局模式呢?答案是肯定的,除了总体的布局模式外,用户还可以对工具栏、主题等进行更改。
2020-09-18
巧用UltraEdit查找功能实现批量查找(上)
UltraEdit作为一款专业、使用便捷的代码编辑器,提供了多项便于编码人员操作的功能。而其中的查找功能,能帮助用户快速、批量地找到对应的关键词进行编辑处理。其查找功能中,包含了文本查找以及文件查找功能。
2020-09-18
UltraEdit文本编辑器怎么自动换行
UltraEdit文本编辑器的功能强大,操作简单,可编辑4GB以上的超大型文档,同时它的界面美观,还能自由更换主题,满足你的个性化需求。本篇教程将向大家介绍,如何开启UltraEdit文本编辑器的自动换行功能,一起来看看吧。
2021-01-28