ueditor編輯器配置及使用介紹

<1>:ueditor編輯器配置php

1:首先去官網下載安裝包http://ueditor.baidu.com/website/download.html
html

2:解壓後,只須要保留utf8-php這個文件夾裏面的內容就能夠了web

3:根據本身項目的須要配置到根目錄的相應文件夾下,我是配置到根目錄的public目錄下,以下圖json

4:在html頁面配置加載UEditor編輯器,加入三個js文件以及在頁面初始化UEditor編輯器瀏覽器

這裏的id="editor"就是初始化須要獲取的id上下須要保持一下,編輯器

5:配置完後,在瀏覽器請求對應的頁面會發現編輯器已經顯示在html頁面裏了以下圖函數

到此ueditor編輯器配置已經完成,配置完成後若是須要跟php後臺作交互須要作其它的配置修改視頻

<2>:ueditor編輯器與php後臺交互htm

1:編輯中上傳的圖片,文件,視頻等默認有一個存儲微指,在utf8-php/php/config.json文件中能夠修改配置blog

例如圖片的存儲路徑以下圖,其它的存儲在文件中都有默認配置,根據本身的須要能夠作修改,

更具體的配置說明能夠查看ueditor的文檔說明,講的比較詳細,一看就明白了

http://fex.baidu.com/ueditor/

好比個人爲了統一管理文件都把圖片,文件等配置在一個文件夾下:

2:在php後臺服務端,若是須要接收編輯POST過去的內容,能夠使用$_POST變量獲取,

前面html頁面中,代碼爲

<script id="editor" type="text/plain" name="content" style="width:1024px;height:500px;">

在php後臺服務端使用$_POST["content"]就能獲取編輯器的內容,獲取到內容就能夠作入庫操做了


附:ueditor相關資料

1:ueditor入門配置 http://blog.sina.com.cn/s/blog_6790fbba0101dzzj.html

2:ueditor經常使用設置函數大全 http://www.cnblogs.com/sosoft/p/3450519.html

相關文章
相關標籤/搜索