ueditor的使用（新手教程）

ueditor使用相當(dāng)廣泛，在各種留言或者文章系統(tǒng)運用很多，最近做了一個簡單的官網(wǎng)，后臺需要用ueditor發(fā)布新聞。寫一點走過的坑。

ueditor的安裝

安裝十分簡單，去官網(wǎng)下載即可，https://ueditor.baidu.com/website/download.html 我的項目使用php寫的，下載對應(yīng)版本即可

ueditor的配置

先把文件拷貝進(jìn)我們的項目，調(diào)用編輯器，并且引入以下三個文件，注意這里問為文件路徑! 需要js實例化出編輯器，并且在此我們添加了提交表單功能

這樣我們的demo就引入成功了

圖片路徑配置

打開ueditor->php->config.json,找到第12行，這是我們圖片的上傳路徑，我的文件夾為app_proj下的uploads,后面的各種圖片或者視頻也做更改

把編輯好的圖文存入數(shù)據(jù)庫

用了最簡單的方法，先提交到別的頁面，然后插入數(shù)據(jù)庫

我們對一篇文章進(jìn)行簡單排版，然后提交
同時，在本地文件app_proj->uploads下生成了這個文件，圖片上傳成功！
打開數(shù)據(jù)庫，我們看到插入成功了，而且是已經(jīng)帶有html標(biāo)簽和css樣式的

接下來就是把文章顯示到前端了

前端也只是簡單地從數(shù)據(jù)庫select出來，無需任何多余函數(shù)

結(jié)果如圖

小結(jié)：在測試的時候，post接受的頁面打印$content的時候，是沒有html標(biāo)簽，這導(dǎo)致了我沒有直接存入數(shù)據(jù)庫，而是用了很多函數(shù)，反而沒有預(yù)期的效果，浪費不少時間。沒想到可以直接存入和取出

總結(jié)

以上是生活随笔為你收集整理的简单易懂的ueditor新手教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。