ueditor的使用（新手教程）

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

ueditor的安裝

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

ueditor的配置

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

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

圖片路徑配置

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

把編輯好的圖文存入數據庫

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

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

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

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

結果如圖

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。