【Layui】解決如何使用富文本編輯器和富文本上傳顯示圖片

01

添加富文本

 

首先添加富文本的代碼ui

1573014085672579.png

而後就能夠直接看到效果了接口

1573014134134413.png

操做上邊的前提是你的標籤必須是textarea,而且設置有id圖片

1573014263836172.png

 

02

富文本上傳圖片

 

這裏文檔也寫的很清楚,須要添加上傳圖片的接口文檔

 

1573014330250953.png

最後項目展現就是這個樣子的,這裏須要切記的是上傳圖片的配置要在構建以前class

1573014372660292.png

而後上傳圖片配置

 

1573014425135687.png

 

03

注意點

 

在上面倆步已經把代碼都修改好了,這是還有一個注意點,咱們來看看文檔im

這個是layui上傳圖片返回的格式,咱們必須嚴格執行textarea

 

1573014557637919.png

因此咱們還須要上傳圖片以後的返回格式,至於怎麼寫上傳圖片的功能自行解決哈!項目

 

1573014648980513.png

相關文章
相關標籤/搜索