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排版页面：

1、！然后tab键

2、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实现

转载于:https://www.cnblogs.com/bruisebd/p/5386218.html