反馈已提交

网络繁忙

FVS富文本组件

  • 文档创建者:Carly
  • 历史版本:9
  • 最近更新:Alicehyy 于 2023-11-15
  • 1. 概述

    适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0V1.xV1.x 版本文档请参考:FVS富文本组件历史版本
    11.0.16V2.1.0字体支持模糊搜索,设置字体更方便快捷

    1.2 功能简介

    富文本组件,常用于制作看板中的文本说明,指标卡数据,或者用于展示看板中的文章信息等。

    注:本文仅为大家介绍富文本组件特有功能,其他属性不赘述。

    组件交互请参见:FVS组件交互属性 。

    组件动画请参见:FVS组件动画 。

    组件属性请参见:FVS组件样式属性 。

    2. 添加组件

    新建一张「可视化看板」:

    1696926492272814.png

    在页面中新增一个「富文本组件」,默认显示「请在右侧输入文本内容,输入的文本内容将在此区域内实时显示,超出文本区域的内容无法正常显示」。

    如下图所示:

    1661398922275364.png

    3. 内容样式

    在右侧「内容」编辑面板中,可在编辑框中输入文本内容,通过编辑框上方的按钮调整格式。

    编辑完成后,画布中即时展示内容。 如下图所示:

    注:编辑框背景色跟随当前分页的 页面背景 变化,示例为了方便将页面背景设置为「颜色>白色」。

    Snag_31d2bb9b.png

    文本样式设置项如下表所示:

    配置项说明
    Snag_6c9b6649.png

    用于调整选中的文字字体

    V2.1.0 及之后版本,支持模糊搜索,可快速查找需要的字体

    用于调整选中的文字字号

    注:选中文字后,若直接在输入框修改字号,修改后请点击空白处确认修改,不可直接回车,会导致换行删除选中的文字

    用于调整选中的文字的颜色
    用于设置选中的文字是否加粗
    用于设置选中的文字是否斜体
    用于设置文字是否加下划线
    Snag_31ded0bf.png用于在富文本中插入公式
    用于设置选中的行居左/居中/居右
    用于设置选中的行的行高
    Snag_31d1af7b.png

    用于设置组件整体内容垂直对齐方式

    分为 顶部对齐/居中对齐/底部对齐

    4. 富文本调用公式

    富文本组件可以通过 公式 获取数据 ,但仅支持部分 FineReport 函数,具体请参见文档:FVS支持的函数 。

    在富文本编辑框中,公式显示为「公式+数字后缀」,在画布中显示为该公式计算所得的值。

    如下图所示:

    注:公式作为整体,只可全部选中进行样式编辑,不可选择部分。

    Snag_31ef48df.png

    5. 跑马灯特效

    支持「开启跑马灯特效」,实现文字整体滚动的效果。如下图所示:

    注:功能详情请参见文档 FVS跑马灯特效

    Snag_7beba599.png

    预览效果如下图所示:

    1678952499170274.gif

    6. 下载模板

    点击下载模板:FVS富文本组件示例.fvs

    附件列表


    主题: FineVis数据可视化
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持