1、简单超文本使用说明说明:v 本文作为易语言支持库“扩展界面支持库五”的辅助使用文档。v 易语言支持库“扩展界面支持库五”中的“气球提示框”“简单超文本框”控件分别封装自网友Eugene Pustovoyt的CPPTooltip和CPPHtmlDrawer。本文主要内容参考了CPPTooltip2.0的说明文档,特此感谢。v 译文中多处注明“易语言不支持”,更准确地说法应该是“易语言扩展界面支持库五的当前版本不支持”。v “易语言”是一款全中文编程语言集成开发环境(IDE),支持可视化、跨平台编程,基于组件,面向对象编程(OOP)。作者:Eugene Pustovoytpustovoytmail
2、.ru译者:大连大有吴涛易语言软件开发有限公司,service2005年8月2009年9月修改个别文字错误目录 所支持的HTML标记o - 超链接o - 粗体 o - 基准线对齐 o - 较大字体o - BMP图片 (易语言不支持)o - 底对齐o - 换行o - 居中o - 显示代码段o - 强调,通过显示为斜体,类似于o - 字体o - - 标题o - 水平线o - 斜体o - 图标 (易语言不支持)o - 图片组 (易语言不完全支持)o - 左对齐 o - 垂直居中,类似于o - 预定义格式o - 右对齐o - 删除线,等效于 o - 较小字体o - 可容纳其它HTML标记o -删除线o
3、 - 字符串 (易语言不支持)o - 下标o - 上标o - TABo - 表格o - 表格列o - 顶对齐o - 表格行o - 垂直对齐,类似于 颜色使用说明及颜色表 层叠样式表规范 层叠样式表长度单位 转义字符所支持的HTML标记译者注:l 格式1:,如l 格式2:,如红色l 适用格式1还是格式2,关键看下表的第二列,“”适用格式,“”适用格式。l 所有标记、属性、属性值均不区分大小写,所以 与 是等效的。l 属性值两边的双引号可有可无,但不能用单引号。如红色等效于红色,但写作红色就不对了。无论是在易语言中,还是在C/C+中,字符串都是以双引号表示的,在双引号内部再套双引号就不容易了,所以
4、使用不带引号的属性值最方便。l 一个标记中,可以同时对多个属性赋值,如易语言l 关于颜色的表示方法表示,下文有详细说明。l 总之,这一套简化版的HTML,会尽量与标准HTML保持统一,但它不支持一些高级特征如等。我(作者,非译者)开发了一个简单的、类似于HTML的文本格式化语言。它支持一些简单的标记,以下是对这些标记的详细说明:标记名称属性名称说明默认值+超链接href设置URL地址例如: 请访问易语言主页给我写信 /译者新增msg自定义超链接文本参考SetCallbackHyperlink ()方法以获取更多信息。例如: 请点击/译者注:msg属性可以是汉字,两边的双引号也可以不要(但不能用
5、单引号),如:请点击易语言中,当用户点击了这种以msg属性指定的超链接时,会触发“自定义超链接被单击”事件,该事件的文本参数“标识文本”就是标记的msg属性的属性值。+粗体例如: 粗体字+文本基线对齐例如: 文本基线对齐+较大字体例如: 较大字体-显示图片 易语言不支持!idres资源ID例如: handleBMP句柄。注意,本属性的值必须在运行时指定(因为句柄不可能是静态的)。例如: /译者注:动态生成此文本file图片文本名例如: iddll资源库(Resour Dll,参见srcdll属性)中的图片资源ID例如: srcdll资源库(Resour Dll)文件名例如: width图片显示
6、宽度例如: height图片显示高度 例如: mask透明色 使用默认透明色:品红, RGB(255, 0, 255) color 指定透明色,可用颜色名称(见下文颜色表)或RGB表示例如: /译者新增,#rrggbb !红色!style图片显示效果 (无悬停效果) d 令图片变暗 g 令图片变为灰度图片 l 令图片加亮 s 给图片加上阴影例如: /译者注:变暗(d) + 灰度(g)hotstyle悬停效果 (当标记位于与之间,且鼠标指向时) d - 令图片变暗 g - 令图片变为灰度图片 l - 令图片加亮 s - 给图片加上阴影例如: /译者注:加亮(l) + 阴影(s) /译者注:正常时
7、显示灰度图片,当鼠标指向时显示加亮的图片+底对齐例如: 底对齐-换行=重复换行例如: /译者注:连续两个换行,等效于 1+水平居中例如: 水平居中+代码段 (位于其中的文本将按原格式显示,通常在其中放置程序代码)例如: Code/下例为译者新增:public class AClass public static void main(String args) System.out.println(“Hello World! Hello China!”); +强调,一般显示为斜体,类似于+字体color字体颜色(可以使用颜色名称、RGB串(#rrggbb) 或颜色数值,详见下文对颜色使用的说明)例
8、如: StringStringString /译者注:显示为红色文本face字体名称例如: Times New Roman(外文字体)楷体 /译者新增size字体大小译者注:可选的字体单位有in: 英寸(约2.54厘米)cm: 厘米mm: 毫米pt: 点(1/72英寸)pc: 1pc = 12 点 = 1/6英寸 约4.23毫米例如: Text宋体小五号(9pt) /译者新增style字体风格 + 增加一个风格(可省略) - 删除一个风格 b 粗体 s 删除线 u 下划线 o 上划线 i 斜体例如: Text/译者注:使用粗体(b)上划线(o),取消斜体(i)删除线(s)bkgnd背景颜色 t
9、ransparent 透明色 (默认值) color 指定颜色例如: 透明背景红色背景weight字体高度 normal 正常 bold 粗体 bolder 较粗 lighter 较细 numeric 100 - 1000 100到1000之间的数值例如: 字体高度bold字体高度800 - +标题 (译者注:H1字体最大,H6字体最小)例如: 标题二标题五-水平线color线的颜色例如: size线的粗细译者注:单位为象素例如: 1width水平线宽度译者注:如果数值后面带%表示百分比,否则单位为象素。例如: 100%+斜体例如: 斜体-显示图标 易语言不支持!idres图标资源ID例如:
10、handle图标句柄。()例如: file图标文件名例如: iddll资源库(Resource Dll)中的图标资源ID例如: srcdll资源库(Resource Dll)文件名例如: width图标显示宽度例如: SM_CXICON height图标显示高度例如: SM_CYICON style图标显示效果 (无悬停效果) 译者注:参考标记的同名属性 d 令图标变暗 g 令图标变为灰度图片 l 令图标加亮 s 给图片加上阴影例如: hotstyle悬停效果 (当标记位于与之间,且鼠标指向时)译者注:参考标记的同名属性 d 令图标变暗 g 令图标变为灰度图片 l 令图标加亮 s 给图片加上阴
11、影例如: -显示图片组中的图片 易语言不完全支持!译者注:在易语言中, 等效于 (作为的别名)。index图片索引(索引从0开始,即0表示第一个图片,1表示第二个图片,类推)例如: /译者注:显示图片组中的第三个图片/易语言中,图片组即“气球提示框”“简单超文本框”组件的“图片图片组”属性/C/C+中,图片组由handle, file, idres, srcdll/iddll指定idres图片资源ID 易语言不支持!例如: handle图片句柄 易语言不支持!例如: file图片文件名 易语言不支持!例如: iddll资源库(Resource Dll)中的图片资源ID 易语言不支持!例如: s
12、rcdll资源库(Resource Dll)文件名 易语言不支持!例如: cx图片显示宽度,单位为象素例如: cy图片显示高度,单位为象素例如: width图片显示宽度译者注:数值后加%表示百分比,否则单位为象素例如: /译者新增:按2倍大小显示height图片显示高度译者注:数值后加%表示百分比,否则单位为象素例如: mask透明色 使用默认透明色:品红,RGB(255, 0, 255) color 指定透明颜色例如: style正常显示效果 (无悬停效果) 译者注:参考标记的同名属性 d 令图标变暗 g 令图标显示为灰度图片 l 令图标加亮 s 给图片加上阴影例如: /译者注:变暗(d)
13、+ 灰度(g)hotstyle悬停效果 (当标记位于与之间,且鼠标指向时)译者注:参考标记的同名属性 d 令图标变暗 g 令图标显示为灰度图片 l 令图标加亮 s 给图片加上阴影例如: +左对齐例如: 左对齐+垂直居中,类似于标记例如: 垂直居中+预定义格式例如: 预定义格式+右对齐例如: 右对齐+删除线,等效于+小字体 例如: 小字体+可容纳任意其它标记译者注:请注意标志有一个其它大部分标记都没有的属性class(用于指定一个CSS样式,以控制其外观)。如果想对其它没有class属性的标记应用CSS样式,该怎么办呢?答案就是把它嵌入到中。例如:font上例就相当于为应用了cpp-commen
14、t样式。class指定CSS中的class译者注:CSS定义文本可通过SetCSSStyle()方法设定。在易语言中,直接设置“气球提示框”或“简单超文本框”的“层叠样式表”属性即可。例如: span/译者注:默认的CSS样式中已定义了cpp-comment这个class, 见SetCSSStyle()方法说明。+删除线例如: 删除线-显示字符串 易语言不支持!idres字符串资源ID例如: iddll资源库(Resource Dll)中的字符串资源ID例如: srcdll资源库(Resource Dll)文件名例如: +下标 例如: 下标HH2O /译者新增,水的化学方程式 H2O+上标 例
15、如: Superscript TextX2 /译者新增,X的平方 X2-制表符=重复插入多个制表符例如: /连续两个,等效于1+表格译者注:一般来说,一个内总是包含多个标记,而总是包含多个标记。align水平对齐方式 left 左对齐 center 水平居中 right 右对齐例如: .leftbackground背景图片 idres 图片资源ID 易语言不支持! iddll 资源库(Resource Dll)中的资源ID 易语言不支持! file 图片文件名例如: .bgcolor背景颜色例如: .bgeffect背景效果 solid 颜色填充 hgradient 水平渐变,从bgcolor
16、到bgendcolor vgradient 垂直渐变,从bgcolor到bgendcolor hcgradient 水平双向渐变,从bgcolor到bgendcolor到bgcolor) vcgradient 垂直双向渐变,从bgcolor到bgendcolor到bgcolor) 3hgradient - 水平三色渐变,从bgcolor到bgmidcolor到bgendcolor) 3vgradient - 垂直三色渐变,从bgcolor到bgmidcolor可bgendcolor) noise, diagshade, hshade, vshade, hbump, vbump, softbum
17、p, hardbump, metal available only with CeXDib from Davide Calabro and Davide。 Pizzolato 译者注:在易语言中,noise, diagshade, hshade, vshade, hbump, vbump, softbum等特殊背景效果,都已得到支持。例如: .bgendcolor背景颜色3例如: .bgmidcolor背景颜色2例如: .border边框译者注:本属性的单位为象素,指定边框线的宽度例如: .bordercolor边框线颜色例如: .bordercolordark暗边框颜色例如: .border
18、colorlight亮边框颜色例如: .borderstyle边框效果 none 无边框 solid 实线 dotted 虚线 dashed 点划线 double 双虚线例如: .nonecellpadding单元线与表格边框之间的间距译者注:单位为象素例如: .cellspacing单元格与单元格之间的间距译者注:单位为象素例如: .valign垂直对齐方式 top 顶对齐 middle 垂直居中 vcenter 垂直居中 bottom 底对齐 译者注:middle与vcenter等效例如: .top+表格列align水平对齐方式 left 左对齐 center 水平居中 right 右对齐
19、例如: .leftbgcolor背景颜色例如: .bgeffect背景效果 solid 颜色填充 hgradient 水平渐变,从bgcolor到bgendcolor vgradient 垂直渐变,从bgcolor到bgendcolor hcgradient 水平双向渐变,从bgcolor到bgendcolor到bgcolor) vcgradient 垂直双向渐变,从bgcolor到bgendcolor到bgcolor) 3hgradient - 水平三色渐变,从bgcolor到bgmidcolor到bgendcolor) 3vgradient - 垂直三色渐变,从bgcolor到bgmidc
20、olor可bgendcolor) noise, diagshade, hshade, vshade, hbump, vbump, softbump, hardbump, metal available only with CeXDib from Davide Calabro and Davide。 Pizzolato 译者注:在易语言中,noise, diagshade, hshade, vshade, hbump, vbump, softbum等特殊背景效果,都已得到支持。例如: .bgendcolor背景颜色3例如: .bgmidcolor背景颜色2例如: .border边框例如: .bo
21、rdercolor边框颜色例如: .bordercolordark暗边框颜色例如: .bordercolorlight亮边框颜色例如: .borderstyle边框风格 none 无边框 solid 实线 dotted 虚线 dashed 点划线 double 双虚线例如: .cellpadding单元格与表格边框之间的间距译者注:单位为象素例如: .cellspacing单元格与单元格内容之间的间距译者注:单位为象素例如: .valign垂直对齐方式 top 顶对齐 middle 垂直居中 vcenter -垂直居中 bottom 底对齐 译者注:middle与vcenter等效例如: .t
22、op+顶对齐例如: 顶对齐+表格行align水平对齐方式 left 左对齐 center 水平居中 right 右对齐例如: .leftbgcolor背景颜色例如: .bgeffect背景效果 solid 颜色填充 hgradient 水平渐变,从bgcolor到bgendcolor vgradient 垂直渐变,从bgcolor到bgendcolor hcgradient 水平双向渐变,从bgcolor到bgendcolor到bgcolor) vcgradient 垂直双向渐变,从bgcolor到bgendcolor到bgcolor) 3hgradient - 水平三色渐变,从bgcolor
23、到bgmidcolor到bgendcolor) 3vgradient - 垂直三色渐变,从bgcolor到bgmidcolor可bgendcolor) noise, diagshade, hshade, vshade, hbump, vbump, softbump, hardbump, metal available only with CeXDib from Davide Calabro and Davide。 Pizzolato 译者注:在易语言中,noise, diagshade, hshade, vshade, hbump, vbump, softbum等特殊背景效果,都已得到支持。例
24、如: .bgendcolor背景颜色3例如: .bgmidcolor背景颜色2例如: .border边框例如: .bordercolor边框颜色例如: .bordercolordark暗边框颜色例如: .bordercolorlight亮边框颜色例如: .borderstyle边框风格 none 无边框 solid 实线 dotted 虚线 dashed 点划线 double 双虚线例如: .cellpadding单元格与表格边框之间的间距译者注:单位为象素例如: .cellspacing单元格与单元格之间的间距译者注:单位为象素例如: .valign垂直对齐方式 top 顶对齐 middle
25、 垂直居中 vcenter 垂直居中 bottom 底对齐 例如: .top+垂直居中对齐,类似于例如: 垂直居中对齐 颜色表示方法译者注:关于颜色的表示,有三种方式(译者私自添加了第三种方式)1、以颜色名称表示,如红色2、以十六进制RGB表示,格式为#rrggbb,如红色3、以十进制颜色值表示,如红色(易语言中的颜色值是以整数型表示的,使用“到文本()”转换为文本型后即可使用。)第一种方式只能表示部分预定义的颜色,后两种方式可以表示任意颜色。颜色值两边的双引号可有可无,但不能用单引号,遵循属性值的通用表示规则。以下是被支持的颜色名称及其RGB对照表:aliceblue(#F0F8FF)ant
26、iquewhite(#FAEBD7)aqua(#00FFFF)aquamarine(#7FFFD4)azure(#F0FFFF)beige(#F5F5DC)bisque(#FFE4C4)black(#000000)blanchedalmond(#FFEBCD)blue(#0000FF)blueviolet(#8A2BE2)brown(#A52A2A)burlywood(#DEB887)cadetblue(#5F9EA0)chartreuse(#7FFF00)chocolate(#D2691E)coral(#FF7F50)cornflowerblue(#6495ED)cornsilk(#FFF8
27、DC)crimson(#DC143C)cyan(#00FFFF)darkblue(#00008B)darkcyan(#008B8B)darkgoldenrod(#B8860B)darkgray(#A9A9A9)darkgreen(#006400)darkkhaki(#BDB76B)darkmagenta(#8B008B)darkolivegreen(#556B2F)darkorange(#FF8C00)darkorchid(#9932CC)darkred(#8B0000)darksalmon(#E9967A)darkseagreen(#8FBC8B)darkslateblue(#483D8B)darkslategray(#2F4F4F)darkturquoise(#00CED1)darkviolet(#9400D3)