HTMLを画面上に表示したい - richTextプロパティ -

画面表示 - HTML

HTMLを画面上に表示したい - richTextプロパティ -

Biz/Browser DTから、value値をHTMLとして解釈するかを設定するrichTextプロパティが追加されました。

trueに設定した場合はHTMLとして解釈された状態で表示され、falseに設定した場合はタグの解釈はされず文字列の状態で表示されます。

[richTextプロパティがfalseの場合]

[richTextプロパティがtrueの場合]

Form form1 {
    width = 664;
    height = 273;
    
    Label label1 {
        x = 31;
        y = 32;
        width = 162;
        height = 26;
        value = "richTextプロパティ設定";
        horizontalAlign = ALIGN_CENTER;
        verticalAlign = ALIGN_MIDDLE;
        border = new Border(Border.SOLID, 1, "#ff000000");
    }
    
    Label Label2 {
        x = 203;
        y = 79;
        width = 410;
        height = 170;
        border = BORDER_SUNKEN;
    }
    
    ListBox ListBox1 {
        x = 29;
        y = 79;
        width = 162;
        height = 170;
        ListItem ListItem1[6] {
            this[0].Title = "フォント設定";
            this[1].Title = "太字";
            this[2].Title = "改行";
            this[3].Title = "中央表示";
            this[4].Title = "見出し";
            this[5].Title = "連絡先";
            
            /* 選択値によって表示内容を変える */
            Function OnTouch( e ) {
                switch(e.from.index) {
                    case "0":
                        ^.^.Label2 = "<font face=\"メイリオ\" size=\"4\" color=\"#0000ff\">richTextプロパティ</font>";
                        break;
                    case "1":
                        ^.^.Label2 = "<b>richTextプロパティ</b>";
                        break;
                    case "2":
                        ^.^.Label2 = "１行目<br>２行目<br>３行目";
                        break;
                    case "3":
                        ^.^.Label2 = "<center>richTextプロパティ</center>";
                        break;
                    case "4":
                        ^.^.Label2 = "<h1>見出し１</h1>本文１<h2>見出し２</h2>本文２";
                        break;
                    case "5":
                        ^.^.Label2 = "<address>山田太郎<br>連絡先：090-xxxx-xxxx</address>";
                        break;
                }
            }
        }
    }
    
    OptionButton OptionButton1 {
        x = 203;
        y = 28;
        width = 162;
        height = 35;
        border = BORDER_SUNKEN;

        OptionItem OptionItem1[2] {
            height = 30;
            width = 72;
            this[0].Title = "false";
            this[1].Title = "true";
            layout = LAYOUT_HORIZONTAL;
            
            /* true選択の場合はタグを解釈した形で表示させる */
            Function OnTouch( e ) {
                if (^.value == 0) {
                    ^.^.Label2.richtext = false;
                } else {
                    ^.^.Label2.richtext = true;
                }    
            }
        }
        /* 初期値設定 */
        value = 0;
    }
}


		Biz-Collections Bizの宝箱トップへ
		Biz/Browser DT・Biz/Designer DT TIPS集トップへ