FVS富文字組件

適用場景：安裝了「FVS企業戰情室編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。

注：不支援行動端。

1.1 版本

1.2 功能簡介

富文字組件，常用於製作看板中的文字說明，指標卡資料，或者用於展示看板中的文章資訊等。

注：本文僅為大家介紹標題組件特有功能，其他屬性不贅述。

組件交互請參見：FVS組件交互屬性 。

組件動畫請參見：FVS分頁間組件動畫 。

組件樣式請參見：FVS組件樣式屬性 。

1）點選設計器左上角「檔案>建立視覺化看板」，建立空白視覺化看板。

2）點選組件區「文字>富文字組件」，將其新增到頁面中。如下圖所示：

在右側「內容」編輯面板中，可在編輯框中輸入文字內容，透過編輯框上方的按鈕調整格式。

編輯完成後，畫布中即時展示內容。 如下圖所示：

注：編輯框背景色跟隨當前分頁的 FVS分頁屬性 變化，範例為了方便將頁面背景設定為「顏色>白色」。

文字樣式設定按鈕如下表所示：

配置項	說明
	用於調整選中的文字字體 V2.1.0 及之後版本，支援模糊搜尋，可快速尋找需要的字體
	用於調整選中的文字字號 注：選中文字後，若直接在輸入框修改字號，修改後請點選空白處確認修改，不可直接回車，會導致換列刪除選中的文字
	用於調整選中的文字的顏色
	用於設定選中的文字是否粗體
	用於設定選中的文字是否斜體
	用於設定文字是否加底線
	用於在富文字中插入動態值，詳情請參見 FVS動態值 支援選擇綁定資料集欄位，或輸入公式 在富文字編輯框中，動態值按照「動態值名稱」顯示，預設為「動態值+數字後綴」，在畫布中顯示為該動態值計算所得的值 動態值作為整體，只可全部選中進行樣式編輯，不可選擇部分
	選中單個文字樣式後，點選「複製格式」，支援將選中文字的樣式複製到之後選中的文字上 選中多個文字樣式後，點選「複製格式」，僅將多個文字樣式中的首個文字樣式複製到之後選中的文字上 不選中文字時，點選「複製格式」，取游標前一個文字的樣式複製到被選中的文字上
	用於設定選中的列靠左/置中/靠右
	用於設定選中的列的列高
	用於設定組件整體內容垂直對齊方式 分為 頂部對齊/置中對齊/底部對齊

支援「開啟跑馬燈特效」，實現文字整體捲動的效果。如下圖所示：

注：功能詳情請參見文檔 FVS跑馬燈特效 。

已完成範本請參見：FVS富文字組件示例.fvs

6.1 表格中單獨插入富正文無聯動效果

當表格中僅有富正文設定了參數，跟畫布內其他元件聯動時，聯動不生效。

例如：B1 儲存格插入了富正文，且富正文中設定了參數跟畫布中的下拉框元件聯動。

前端預覽下拉框選值後，富正文不會跟隨聯動。如下圖所示：

但是，當表格組件中還有其他元素可以跟富正文一起聯動元件時，富正文的聯動又能生效了。

例如：

• B1 儲存格插入了富正文，且富正文中設定了參數跟畫布中的下拉框元件聯動

• A2 儲存格直接插入資料集 ds1 中的欄位，由於ds1中有資料集參數，這個儲存格也是能聯動的

前端預覽下拉框選值後，富正文儲存格和普通儲存格都會跟隨元件聯動，效果如下圖所示：