瀏覽數(shù)量： 37 作者： 本站編輯 發(fā)布時(shí)間： 2018-09-28 來源： 本站
一、什么是圖文展示組件？
圖文展示組件是一個(gè)展示純文字或圖文混排內(nèi)容的模塊。 圖文展示組件的應(yīng)用場(chǎng)景很廣泛，在需要展示圖片和文字的地方都可以用這個(gè)組件。通過富文本編輯器的工具條可以從本地上傳圖片、從資料庫(kù)選擇圖片、上傳需要直接點(diǎn)擊下載的文件，支持調(diào)整文字對(duì)齊方式（居左、居中、居右、兩端對(duì)齊）、文字字體、文字大小、文字顏色、插入圖標(biāo)字體、更改字體背景色等。
二、如何使用圖文展示組件？
1、如何查看圖文展示組件是否已經(jīng)存在？
如果這個(gè)圖文展示組件已經(jīng)存在了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見下文所述）；
如果你的頁面上需要這個(gè)組件，但是還沒有添加，就需要先添加圖文展示組件了；怎么判斷頁面上有沒有這個(gè)組件？
2、如何添加圖文展示組件？
在頁面上添加組件的方法都是一樣的
添加的組件名稱為“圖文展示”，如下圖1所示：
圖1：
3、如何設(shè)置圖文展示組件？
在組件的設(shè)置中可以設(shè)置組件的標(biāo)題文字、“更多”鏈接以及頁面初次加載文字的特效。
3.1 進(jìn)入組件的“設(shè)置”分兩種場(chǎng)景
1）此組件已經(jīng)添加好的場(chǎng)景
2）新添加的組件的場(chǎng)景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。
3.2 在組件的設(shè)置中設(shè)置組件標(biāo)題文字、“更多”鏈接、頁面初次加載文字的特效（如圖2）
組件標(biāo)題：根據(jù)需要決定填寫或不填寫，不填寫不顯示也不占位置，若填寫則顯示在組件標(biāo)題的位置；
“更多”鏈接：根據(jù)需要選擇是否顯示更多文字鏈接，若需要，單擊下圖2所示的小鏈子，然后設(shè)置鏈接
特效：支持設(shè)置頁面初次加載的文字特效，如下圖2所示；
圖2：
3.3 在圖文展示組件的富文本編輯器中添加圖片、添加文字超鏈接、上傳文件。
給文字加超鏈接、上傳文檔、給文字加H標(biāo)簽、使用圖標(biāo)字體見下圖3所示；
圖3：
4、保存、預(yù)覽、發(fā)布
設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；
然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；
如果需要讓訪客也看到，請(qǐng)單擊頁面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。
