layabox 文本 html,LayaBox:富文本HtmlDivElement常用设置

注意：目前不支持斜体、描边、span标签内嵌的方式；不支持文本的垂直居中对齐

var htmlDiv: Laya.HTMLDivElement = new Laya.HTMLDivElement();

htmlDiv.innerHTML = "使用HTMLDivElement创建HTML文本";

var tTxt: string;

var tHTMLElement: Laya.HTMLElement;

for (var i: number = 0, n: number = htmlDiv._childs.length; i < n; i++) {

tHTMLElement = htmlDiv.getChildAt(i) as Laya.HTMLElement;

if (tHTMLElement) {

tTxt = tHTMLElement.text;

if (tTxt) {

console.log("文本内容 : " + tTxt);

}

}

}

//输出：

文本内容 : 使用HTMLDivElement创建

文本内容 : HTML文本

第三：获取html文本的实际宽高

文本的实际宽度 : htmlDiv.contextWidth

文本的实际高度 : htmlDiv.contextHeight

第四：追加文本内容

htmlDiv.appendHTML("
BBBBBBBBBB");

//htmlDiv.layout();

第五：设置行间距

htmlDiv.style.valign = "middle";

htmlDiv.style.leading = 30;

必须在innerHTML之前设置，valign和leading成对出现

第六：英文字母偏下的问题

htmlDiv.style.valign = "top";

第七：同一个文本中设置字体、颜色不同

htmlDiv.innerHTML = "测试"

+"html组件";

第八：设置描边

htmlDiv.innerHTML = '测试水平垂直居中对齐';

或者：

htmlDiv.innerHTML = '测试水平垂直居中对齐';

htmlDiv.style.stroke=2;

htmlDiv.style.strokeColor="#ff0000";