文本

简介

文本组件是一种用于展示和格式化文本内容的组件,支持基本的文本属性设置,如字体、大小、颜色及样式等。

image

配置项

分类

配置

示例

说明

内容

模式

image

文本组件的两种模式。Markdown 模式详情参见Markdown 使用指南

文本内容

image

文本组件的内容

开启魔笔增强渲染

image

Markdown 模式下,开启此选项后,文本内容将支持 HTML 标签渲染,但可能会引起与其他组件渲染的冲突。

开启Toc

image

开启此选项后,可以在 Markdown 中使用 ## 目录 来生成目录。

自定义标签

image

可以自定义非标准 HTML 标签的渲染模式,例如 <tag> 、<ref>

开启徽标

image

是否展示徽标

徽标配置

image

「开启徽标」后,可以配置徽标属性

悬浮提示

image

是否展示悬浮提示

悬浮提示配置

image

开启「悬浮提示」后,可以配置悬浮提示属性

交互

隐藏

image

控制文本组件的默认展示状态,为true 时将隐藏组件。详情参见通用属性

样式

高度

image

组件高度,详情参见通用属性

外边距

image

详情参见通用属性

字体大小

image

文本内容的字体大小

行高

image

行高属性定义了文本行之间的垂直间距

字重

image

字重属性指定文字的粗细程度

溢出控制

image

文本内容溢出时的展示效果

溢出隐藏样式

image

文本溢出隐藏时的样式效果。

文本换行

image

用于指定文本是否单行显示

单词断行

image

用于指定如何在多行文本中处理单词的换行点

横向对齐

image

文本内容横向的对齐方式

纵向对齐

image

文本内容纵向的对齐方式

文本转换

image

使文本显示为全大写或全小写,也可单独对每一个单词进行操作。

CSS 样式

文字颜色

image

文本内容的颜色

文字阴影

image

文字阴影属性用于在元素的框架上添加阴影效果。可以在同一个元素上设置多个阴影效果,并用逗号将它们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。详情参见text-shadow属性

边框

image

文本组件边框,详情参见通用属性

圆角

image

文本组件圆角,详情参见通用属性

内边距

image

文本组件内边距,详情参见通用属性

属性与方法

名称

类型

示例

说明

text

string

text1.text

当前文本组件的内容

hidden

boolean

text1.hidden

当前组件是否隐藏,详情参见通用属性

setText

func

text1.setText('默认文本')

设置文本内容为默认文本

clearText

func

text1.clearText()

清除文本内容

setHidden

func

text1.setHidden(false)

设置文本是否隐藏,参数为truefalse详情参见通用属性

clearHidden

func

text1.clearHidden(f)

清除文本隐藏状态,详情参见通用属性