# HTML 富文本组件 ## 使用说明 1. 创建一个节点 2. 挂载 `HTMLRichText` 组件 3. 填充 `富文本内容（XML）` 字段即可，所见即所得 ## 标签说明 * `richtext` 根节点，负责富文本的整体配置，支持以下几个属性 - `align`: 行内文本垂直方向对齐方式，可选值：top, center, bottom - `background`: 背景颜色 - `maxWidth`: 绘制区域的最大宽度 - `margin`: 绘制区域的外边距，表现形式：左,上,右,下 - `space`: 文本的间距，表现形式：字间距,行间距 - `rowHeight`: 默认行高，会影响 newline 和 blankline - `font`: 默认字体，详见 https://developer.mozilla.org/en-US/docs/Web/CSS/font - `fillColor`: 默认填充颜色 - `strokeColor`: 默认描边颜色 - `lineWeight`: 默认线条宽度 - `text` 文本节点，负责文本的样式配置，支持以下几个属性 - `value` 文本内容 - `font`: 字体，详见 https://developer.mozilla.org/en-US/docs/Web/CSS/font - `color`: 文本颜色 - `outline`: 描边，表现形式：线条宽度,颜色 - `shadow`: 阴影，表现形式：水平偏移,垂直偏移,模糊度,颜色 - `comment`: 注释，表现形式：类型,颜色,宽度；目前支持以下几种注释样式： - `none` 无 - `underline` 下划线 - `strikeout` 删除线 - `waveline` 波浪线 - `highlight` 高亮 - `rect` 矩形框 - `roundrect` 圆角矩形框 - `image` 图片节点，负责图片的样式配置，支持以下几个属性 - `uuid` 图片资源的 uuid - `size` 限制图片的尺寸，表现形式：宽,高 - `newline` 换行，负责换行 - `blankline` 空行，负责插入一行空白行 - `outer` 外部自定义节点，outer 不会绘制具体的内容，只会占用限定尺寸的空间，支持以下几个属性 - `size` 限制该节点的尺寸，表现形式：宽,高 - `callback` 回调函数名称，绘制该节点时会尝试调用该组件下指定的方法，可以借用这种方式灵活地插入或控制外部节点，常用于动态节点或交互节点，如：动画、按钮等 ## 演示富文本 ```xml ```