Thinkphp5.1对接ueditor（自定义上传接口）

最新推荐文章于 2024-04-04 09:33:35 发布

夏已微凉、

最新推荐文章于 2024-04-04 09:33:35 发布

阅读量851

点赞数 3

CC 4.0 BY-SA版权

分类专栏： # TP # 富文本编辑器文章标签： php javascript 前端

本文链接：https://blog.csdn.net/qq_36025814/article/details/126632536

一、前言
二、下载 ueditor1_4_3_3-utf8-php 版本
三、先熟悉config.json的配置
四、js 代码
五、php上传代码，think5.1为例
六、他山之石

一、前言

ueditor是强大，但是目前来说是没维护了，这里只是拿来练一下手。

二、下载 ueditor1_4_3_3-utf8-php 版本

1、进入github

下载：UEditor Github 地址：http://github.com/fex-team/ueditor

2、点击 `25 tags`

在这里插入图片描述

3、选择自己需要的ueditor版本例`v1.4.3.3` 下载

在这里插入图片描述

4、选择自己需要的后台语言版本

ueditor1_4_3_3-utf8-php.zip

三、先熟悉config.json的配置

***ActionName 是上传类型的路由；
***FieldName 是上传表单的名称；
他们的对应关系如下

名称	actionName	fieldName
上传图片配置项	uploadimage	upfile
***	***	***

四、js 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>uEditor加载Demo</title>
</head>
<body>
<!-- 富文本挂载元素 -->
<textarea id="uEditorID"></textarea>
</body>
<!-- 加载静态资源 -->
<script type="text/javascript" src="/js/ueditor1_4_3_3-utf8-php/utf8-php/ueditor.config.js"></script>
<script type="text/javascript"