如何使用文本組件？

一、什麼是文本組件？

文本組件是一個在頁面上展示一段文本的模塊，通過所見即所得的富文本編輯器可以靈活編輯文本內容，支持純文本、超鏈接文字、圖標字體。通過編輯器的工具條可以編輯文字的粗細、斜體、下劃線、清除樣式、設置編號、調整文字對齊方式（居左、居中、居右、兩端對齊）、文字段落、文字字體、文字大小、文字顏色、插入圖標字體、更改字體背景色等。文本組件的應用場景很廣泛、在需要展示一段文字的地方都可以添加文本組件。

二、如何使用文本組件？

1、如何查看文本組件是否已經存在？

如果這個文本組已經存在了，就不需要再添加，直接根據需要進行相關操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加文本組件了；怎麼判斷頁面上有沒有這個組件？單擊查看如何查看某一塊內容是使用什麼組件製作的？

2、如何添加文本組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“文本組件”，如下圖所示：

3、如何設置文本組件？

3.1 設置文本組件展示的內容

設置文本組件內容與其它組件方法不一樣，文本組件使用富文本編輯器編輯內容。操作步驟如下：

1）添加好文本組件之後，把鼠標放到新添加的文本組件區域，然後單擊鼠標左鍵定位光標，編輯文本內容即可，如果是從word、PPT、excel、網頁等處複製的內容，一定要先把這些內容放到記事本中，然後再從記事本複制粘貼到文本組件中，目的是去除文字原有的樣式避免顯示不正常等問題。

2）定位好光標以後，工具條就會出現，常用操作如下：

★ 如何給文本加超鏈接？

第1步：先選中要加鏈接的文字，然後單擊工具條上的超鏈接按鈕，超鏈接類型選擇“地址”，協議選擇“http://”，然後輸入要跳轉到的頁面地址（ URL），再點擊“確定”，如下圖所示；

第2步：如果需要在新窗口中打開此鏈接的話，可以單擊“目標”，然後在目標窗口處選擇“新窗口”，最後單擊“確定”，如下圖所示；

第3步：如果要給加了超鏈接的文字設置顏色，可以先選中文本，然後設置顏色，如下圖所示。

★ 如何實現單擊郵箱（郵件地址）直接到發送郵件的客戶端？

第1步：先選中郵箱，然後單擊工具條上的超鏈接按鈕，超鏈接類型選擇“電子郵件”，在\"地址\"處輸入郵箱，然後單擊“確定”，如下圖所示；

第2步：如果要給加了超鏈接的郵件地址設置顏色，可以先選中郵箱，然後設置顏色，如下圖所示。

第3步：如果訪客電腦上安裝了1個客戶端（客戶端舉例：outlook、foxmail），訪客單擊郵箱時會直接跳轉到客戶端發郵件界面；如果訪客電腦上安裝多個客戶端，會讓選擇用哪個打開；如果訪客電腦上沒有安裝客戶端，會讓選擇在web端發送郵件。

★ 如何添加圖標字體並且設置字體顏色？

第1步：在添加圖標字體的位置單擊鼠標左鍵定位光標；

第2步：單擊工具條上的“圖標字體庫”按鈕，彈出“選擇圖標”對話框，單擊選擇一個圖標，單擊“確定”；

第3步：像設置普通的文字一樣去給圖標設置顏色就可以，先選中，然後使用工具條上的顏色設置就可以。

★如何在文本組件中給文字添加H標籤？

先選中要加H標籤的文字，然後出現富文本編輯器工具條，單擊工具條中的“段落”右側下拉小箭頭，可以給選中的文字設置H標籤，如下圖所示：

3.2 進入組件的“設置”分兩種場景

1）“此組件已經添加好”場景：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

2）“新添加的組件”場景：在添加此組件時會彈出這個組件的的設置話框。

3.3在組件的設置中可以設置組件的特效

選擇頁面初次加載的文字特效：頁面初次加載文字時，可以設置一些文字特效，如下圖所示：

3.4在組件的設置中可以設置組件的高級功能

有的文本組件文字在PC端顯示的字號是合適的，但是到了PAD或手機端就太大了，這種情況就可以自定義PAD或手機端文字大小了。文本組件支持自定義不同設備下的文字大小。

3.5 在組件的設置中可以設置組件展示的風格

文本組件支持自定義文字風格，可以設置初始狀態下的文字顏色、背景顏色，也支持設置鼠標懸浮到文字上時的文字顏色、背景顏色。