UltraEdit

UltraEdit中文网 > 使用技巧 > UltraEdit编码配置详解(二)----HTML/Markdown

UltraEdit编码配置详解(二)----HTML/Markdown

发布时间:2021/09/29 11:46:52

本篇教程是继《UltraEdit编码配置详解(一)》后的补充内容,

主要讲述了UltraEdit编码配置中的两个常用功能的细则:HTML精简器、CSS样式构建器。

  1. HTML精简器

HTML精简器顾名思义,是UltraEdit特有的一项关于检查并精简HTML文件的功能。在运行此功能后,活动文档将会被立刻保存,进行代码精简。UltraEdit会将精简后的版本,在新的文件窗口,以“** HTML Tidy Output **”命名方式展示出现。

点击工具栏中的“编码”选项,找到“HTML精简”进行左键单击,就可以得到上述的运行结果了。

图片1 HTML精简器所在位置
图片1 HTML精简器所在位置

小编在此总结了一张HTML精简器有关字符编码类型转换的表格:

图片2 字符编码精简转换图
图片2 字符编码精简转换图

  1. CSS样式构建器

CSS作为HTML的关联性文件,UltraEdit也为其建立了快捷语言的功能。该功能会帮助用户快速生成网页中的元素样式(公共样式),但是无法生成CSS2所有的元素样式。

    点击“编码”选项,在下拉列表中找到“样式编辑器”,就可以得到名为“样式构建器”的对话框。用户可以在此对话框中,对“背景”、“字体/文本”、“边缘/位置”三大项,对网页中的公共元素进行样式设置。

构建器中的背景选项可以设置的属性种类有:background-color(背景的颜色)、background-image(背景的图片)、background-attachment(背景的平铺和滚动)、background-position(背景的位置)。

图片3 CSS样式构建器--背景设置
图片3 CSS样式构建器--背景设置

字体/文本选项可以设置font(字体系列/样式/大小/变量/粗细)、color(字体颜色)、font-stretch(字体拉抻)、text-indent(文本缩进)、text-align(文本对齐)、text-decoration(字体修饰)、text-transform(大/小写)共计七种属性。

图片4 字体/文本设置图
图片4 字体/文本设置图

边缘/位置可以用于设置列边距以及块位置(block板块)。

其中页边距可以设置:margin-top(页边距顶部)、margin-right(页边距右侧)、margin-bottom(页边距底部)、margin-left(页边距左侧)。

填充包括:padding-top(顶部填充)、padding-right(右部填充)、padding-bottom(底部填充)、padding-left(左部填充)。

位置包括:position(位置模式)、z-index(z-索引)、top/left/height/width(位置顶部/左侧/高度/宽度)。

分页符包括:page-break-before(分页符之前)、page-break-inside(分页符内部)、page-break-after(分页符内部)。

图片5 边缘/位置设置图
图片5 边缘/位置设置图

值得注意的是,右下角的三个选项需要用户按照自己的需求进行勾选(位置已在上述图中标记)。如果勾选了“展开”,那么所有的项目将会被展开,如若未被勾选,项目将会自动保留空格(例:MARGIN: A B C D)

“小写字母”被勾选后,所有的文本将会以小写字母的形式输入显示。

勾选“使用引号”后,用户插入的所有样式设置都会被自动附上引号。

作为一款专业的文本编辑器,UltraEdit为用户提供了很多实用的功能,让用户减轻了不少的烦恼。本篇介绍的配置也只是UltraEdit众多功能的冰山一角,欢迎大家前往UltraEdit中文网站学习更多的功能技巧。

作者:羡鱼

标签:UltraEditHTMLCSS样式构建器

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