LayaBox:富文本HtmlDivElement常用设置

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

第一: 垂直水平居中(点击下列链接)
https://www.jianshu.com/p/b3819bf151c4
第二: 获取html文本的实际内容

 var htmlDiv: Laya.HTMLDivElement = new Laya.HTMLDivElement();
 htmlDiv.innerHTML = "<span color='#e3d26a'>使用HTMLDivElement创建</span><span color='#d26ae3'>HTML文本</span>";
 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("<br/>  BBBBBBBBBB");
//htmlDiv.layout();

第五:设置行间距

htmlDiv.style.valign = "middle";
htmlDiv.style.leading = 30;

必须在innerHTML之前设置,valign和leading成对出现
第六:英文字母偏下的问题

htmlDiv.style.valign = "top";

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

htmlDiv.innerHTML = "<font style='fontSize:30' color='#67fc2c'>测试<br/></font>"
                   +"<font style='fontSize:20'>html组件<br/></font>";

第八:设置描边

htmlDiv.innerHTML = '<font  style="stroke:2;strokeColor:red;">测试水平垂直居中对齐</font>';