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)