data元素完全解析

data元素概述

data元素与scene、action一样,都是那种不调用就不会被krpano viewer解析的存储式元素。因为data可以存储任意数据,也就是说你可能会在data内存储xml代码,这样的话,由于代码格式的关系,就有可能被krpano view解析到。因此通常,我们需要在数据前后加上<![CDATA[以及]]>。如下所示:

data中的内容全部放在data元素的属性content内。要使用的话可以通过两种办法,一个是get。

一个是写在textfield插件的html属性内;

data元素内的内容也可以通过set来设置。例如:

实际上,我们往往用data存储html格式的文本。这就涉及到textfield插件支持怎样的html标签。详情可看:textfield插件官方说明

 

krpano data元素可使用的html标签

  1. <a> 超链接标签(html5和flash下均可用)
    属性:
    href—— 链接地址
    target——目标窗口,可取值为_blank,_parent,_self,_top
    例:
  2. <b> 粗体标签(html5和flash下均可用)
    例:
  3. <br> 换行标签(html5和flash下均可用)
    例:
  4. <font> 字体标签(只在flash下使用)
    属性:
    color——字体颜色,格式#RRGGBB
    face——字体,可以是单个字体或字体列表,字体名称
    size——字体大小,单位像素,数字
    例:
  5. <i> 斜体标签(html5和flash下均可用)
    例:
  6. <li> 列表项标签(html5和flash下均可用)
    例:

    不支持<ol> 和<ul>标签
  7. <p> 段落标记(html5和flash下均可用)
    属性:
    align——对其方式,可取值left、right、center
    class——应用一个css样式类(仅flash下可用)
    例:

    本例假设css类title和body已存在。
  8. <span> 标签(仅flash下可用)
    说明:对位于该标签内所有文本应用css样式,只有在定义了css对象后有效。
    属性:class——应用一个css样式类。
    例:

    注意,本例假设css类body已存在。
  9. <u> 下划线标签(html5和flash下均可用)
    例:
  10. <img> 图像标签(html5和flash下均可用)
    说明:这个标签的功能不仅仅是在文本框中插入图片,还可以插入SWF和MovieClip。
    属性:
    src—— 要加载的JPG或SWF的URL,或是MC的链接ID,这个属性是必要的,其他属性则可选。
    注意:Flash不支持progressive格式的JPG。
    id——指定嵌入了JPG,SWF或MovieClip的电影剪辑的名称。
    width——图片/动画宽度。
    height——图片/动画高度。
    align——对其方式,可取值:left,right,默认为left。
    hspace——文本环绕图时水平方向上与图片的空隙。
    vspace——文本环绕图时垂直方向上与图片的空隙。
  11. <textformat> 文本格式标签(只在flash下使用)
    说明:这个标签可以让你直接应用一些TextFormat对象的属性到文本中。
    属性:
    blcokIndent: 段落缩进大小,单位像素。
    indent: 段落首行缩进大小,单位像素。
    leading: 文本行间距,单位像素。
    leftmargin: 文本左边距,单位像素。
    rightmargin: 文本右边距,单位像素。
    tabstops: 表格划分,单位像素。
    注意:关于属性tabstops:它的值是一个数组,用来表示表格的列划分情况。
    在文本中用转义字符\t将输出位置移动到下一个制表位。
  12. 空格 &#160;
  13. 在textfiled的css属性中比较有用的一些设置:

letter-spacing 设置字符间距。

line-height 设置行高。

在 “data元素完全解析” 上有 1 条评论

发表评论