Ueditor的用法

UMeditor是Ueditor的簡版

下載三個版本：

開發板

Mini版

UBuilder（能夠自定義，最後可下載）

 

選擇開發板（1.4.3，下載、解壓、放到編輯器看代碼）

ueditor.config.js （配置文件）

1.運行測試：

準備ThinkPHP3.2.3

保留：Public ThinkPHP composer index.php

訪問index.php 生成App

將ueditor放到Public中

 

2.引入ueditor後須要配置，配置分爲前端配置和後端配置

 

1）後端配置

在php下的config.json下配置（註釋寫的很清楚，根據我的需求可修改）

圖片上傳路徑在1config.json的第12行

第75行列出指定目錄下的文件該動與12行目錄相同的位置

 

例子：項目的目錄名爲ue

12行："imagePathFormat": "/ue/Upload/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,能夠自定義保存路徑和文件名格式 ，應該放到公共放置圖片的目錄中如：public ---uploads--images等等*/

75行： "imageManagerListPath": "/ue/Upload/", /* 指定要列出圖片的目錄 */

 

2）前端配置

1.經過ueditor.config.js

例如：第77行

I方法：

tp框架通常不會直接用$_POST接收，而是使用I方法，自動的安全機制，把提交過來的數據進行過濾

例如：dump($_POST);==>>dump(I());

將html標籤轉換成實體，比較安全一些。

快速建立html5排版頁面：

一、！而後tab鍵

二、html:xt

 

官網插件（二次開發，插件文檔強調的東西，其他的和原版操做類似。。。）

Ueditor-thinkphp

download ZIP(速度慢點)

新建一個項目

修改上傳圖片的路徑：仍是第12行；還有75行的路徑改成例如：/iamges/

Ueditor-thinkphp

Ueditor for thinkphp插件 兼容本地與sae平臺 暫只支持thinkphp3.2後的版本

注意

會與TP的trace調試衝突，關閉trace後正常

使用說明

安裝：

將Ueditor 目錄下 Public，Thinkphp 文件夾與你的項目目錄下的Public ， Thinkphp文件夾合併，ueditor.json放置在你項目的配置文件夾

使用：

給你的控制器添加ueditor方法

public function ueditor(){

$data = new \Org\Util\Ueditor();

echo $data->output();

}

添加如下代碼到你視圖的view文件

<js href="__PUBLIC__/js/jquery-2.0.2.js" />

<js href="__PUBLIC__/ueditor/ueditor.config.js" />

<js href="__PUBLIC__/ueditor/ueditor.all.min.js" />

<script>

$(function(){

var ue = UE.getEditor('container',{

serverUrl :'{:U('模塊/控制器/ueditor')}'

});

})

</script>

上傳的話本地最後會默認上傳到項目目錄下Uploads文件夾，sae平臺會上傳到名字爲uploads的domain，若是想更改可經過配置Org\Util\Ueditor下的rootpath變量實現，上傳子目錄的更改可經過配置ueditor.json實現