最近需要用到富文本編輯器,開始百度,哈哈,滿滿的都是百度的UEditor這個編輯器,腦子一抽就選擇了這個大坑,但是后面需要用到改源碼的操作,本人不是專業前端,因此放棄了這個大坑,后來去github上查找,發現了wangEditor這個編輯器,感覺還是比較輕量級的,因此最后選擇了這個富文本編輯器。直接引入js即可,不需要引入css。
這里也做了富文本內容的回顯。
上傳到服務的那個地址,是你項目的后台上傳文件的地址。
這部分的內容不要忘記,不然圖片是無法顯示的。
以上這些都可以在他的GitHub上找到。我只是提醒該怎么做才能讓圖片顯示和上傳。
editor.txt.html(), 這個是獲取富文本內容的,為了回顯用的。
以上是前端部分,后端部分代碼如下:
哈哈,代碼寫的比較挫,但是實現了功能不是,希望能幫助到大家吧!