富文本編輯器ckeditor 圖片大小怎麼自動適應

ckeditor是一款常用的文本編輯器,用戶可以在ckeditor上自由的編輯文本以及圖片,也可以自由的設計排版和樣式。

工具/原料

ckeditor
圖片

方法/步驟

首先,我們進入到ckeditor官網,選擇我們需要的ckeditor版本進入到編輯頁面,開始進行文本編輯。

點擊圖片上傳功能,直接上傳我們需要進行放置的圖片,系統會自動加載圖片,完成加載後,我們就可以對圖片進行處理。

我們在ckeditor中放置圖片時,可以在圖片設置中,直接輸入圖片的寬度和高度,這樣圖片的高寬就會固定,無法修改,從而避免圖片變形。

根據我們文本的實際需要尺寸,直接進行圖片大小的設置後導入,就可以很好的將圖片進行排版,避免圖片大小的錯誤。

此外,我們可以進入到ckeditor的css設置,在p img圖片設置中,修改max-width為100%,然後將高度和寬度都設置為auto自動,系統就會自適應調整圖片大小。

完成設置後,我們就可以自由導入圖片,然後在文本編輯中直接修改圖片,系統會自動調整圖片高寬,適應大小變化。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場