跳至主要內容
在正文中插入圖片
Support EastSpider avatar
作者:Support EastSpider
3 年前已更新

為了使文章可閱讀性更強,有時管理員需要在文章中插入圖片。本文將介紹如何在文章中插入圖片、調整圖文尺寸位置、添加圖片說明及管理已上傳的圖片等相關操作及注意事項。

一、插入圖片

1. 簡潔編輯器模式下插入圖片

(1)在需要插入圖片的位置單擊鼠標左鍵,編輯器左邊會出現“+”號按鈕;

(2)點擊“+”,選擇照片圖標即可在簡潔編輯器中插入圖片。

2. 高級編輯器模式下插入圖片

(1)在高級編輯器裡按下【圖像】按鈕,系統會彈出“影像屬性”彈窗,如下圖。

圖1:

圖2:

(2)點擊“影像屬性”彈窗中的【上傳】tab-【選擇文件】按鈕,選擇想要插入文章中的圖片。

(3)點擊【傳送到伺服器】按鈕,“影像屬性”彈窗會自動跳轉回“影像資訊”tab,再點擊彈窗右下角的【確定】按鈕,即可完成圖片的插入。


3. 在附加圖片中批量上傳圖片

在文章編輯頁、目錄編輯頁(內容目錄)的“附加圖片,以及活動編輯頁的“活動圖片”裡,您可以實現批量上傳多張圖片。

1. 打開PC端文件夾,選中多張圖片, 拖拽至圖片區域或點擊【上傳圖片】按鈕,即可將尋中圖片全部上傳。

2. 上傳後,在選擇照片顯示的區域下方,提供了編輯描述、重新裁剪和刪除圖標,您可以根據需要點擊並進行相關操作。

二、調整圖文樣式及添加說明

1. 簡潔編輯器下調整圖片位置及添加圖片說明

(1)在簡潔編輯器中插入圖片後,點擊選中已插入的圖片,圖片上方會出現四個按鈕,依次是圖片左對齊、圖片居中、圖片右對齊、圖片插入超鏈接。

圖片左/右對齊:調整圖片尺寸,形成左圖右文或右圖左文的圖文樣式。

圖片居中:默認排列方式,不改變圖片尺寸,圖片會將文字分成上下兩段,如上圖。

插入超鏈接:向圖片中插入鏈接,點擊圖片即可跳轉到相應頁面。

(2)選中已插入的圖片後,圖片下方會出現“輸入圖片說明”的輸入框,在其中可添加文字說明,作為圖片標題或描述。

2.高級編輯器下調整圖文樣式及添加圖片說明

(1)高級編輯器中插入圖片時,將圖片上傳至伺服器後,在“影像屬性”彈窗中可對圖片的尺寸、對齊方式及圖片與周邊文章直接的距離做出調整。

(2)高級編輯器中調整圖文樣式,除了在“影像屬性”彈窗中修改參數之外,還可以直接在編輯器中選中已插入的圖片,點擊編輯器右上角“左對齊”或“右對齊”的按鈕,調整圖文樣式為左圖右文或右圖左文。

(3)高級編輯器模式下,若要對圖片添加說明,可在圖片下方添加表格,通過調整表格樣式(去表格框線)和位置(居中)並填入說明文字達到相同的效果,如下圖。

三、管理編輯器中上傳的圖片

當機構管理員在編輯文章、目錄頁內容、活動內容時,可以通過高級編輯器的“影像資訊”窗口查看並管理已經上傳的圖片。以下為操作步驟:

1. 點擊可視化編輯器工具欄內的【圖像】按鈕,系統會自動彈出“影像屬性”彈窗。

2. 在該彈窗的“影像資訊”欄內,點擊【瀏覽伺服器】,打開“圖片資源管理器”彈窗。

3. 在圖片資源管理器中,可以看到所有上傳到伺服器的圖片,點擊選中圖片後,可以對圖片進行查看、下載、調整大小等等系列操作。

注:Community Smart系統除了支持在文章中插入圖片,還支持在目錄頁內容、活動內容和電商商品內容中插入圖片。

是否回答了您的問題?