超简单！使用百度UEditor编辑器插件提交文本以及图片上传的使

相关地址：

• 官网
• 下载地址
• 官方文档

准备工作：

由于后台暂时只需要发布文字和图片2项功能，
也是第一次使用，所以只简单记录一下这两项功能的使用。

我们用的是PHP，此链接是我自己存放此插件的路径：
https://img.haomeiwen.com/i2078961/d9039e20e122dfd9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

1.引入js

<script type="text/javascript" charset="utf-8" src="/Public/admin/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/Public/admin/ueditor.all.min.js"> </script>

2.html

<form action="URL" method="post">
    <!--实例化-->
    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
    <input type="submit" value="提交">
</form>

至此，一般情况下，就可以提交文本了！

3.js相关配置：

//config.json 文件

/* 上传图片配置项 */
    //...
    "imageUrlPrefix": "", /* 图片访问路径前缀 */
    "imagePathFormat": "/xxx/Public/img/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
                                /* {time} 会替换成时间戳 */
                                /* {yyyy} 会替换成四位年份 */
                                /* {yy} 会替换成两位年份 */
                                /* {mm} 会替换成两位月份 */
                                /* {dd} 会替换成两位日期 */
                                /* {hh} 会替换成两位小时 */
                                /* {ii} 会替换成两位分钟 */
                                /* {ss} 会替换成两位秒 */
                                /* 非法字符 \ : * ? " < > | */
                                /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */

此处主要配置 “ imagePathFormat ” ，一定要写对哦！！！！！

作用：指定文件上传路径和返回路径。--> 官网详细介绍请移步
说白了，在点击submit提交按钮后，会在此目录下自动生成一个以日期为名的文件夹存放上传的图片。

大写的注意（也是当时折磨我的问题）：

此处配置好后，检查好项目权限问题，否则提交时可能会导致，“创建目录失败”！

好了，可以在后台（TP3.2）IndexController.class.php文件打印一下from表单提交的内容，
提交后就可以在浏览器看到打印结果了

public function Name()
    {
        print_r($_POST);die;
    }

之后，项目上线后，问题又出现了。。。
再次备注一下路径问题：

下方 “myProject” 为 项目根文件夹

"imageUrlPrefix": "/myProject", /* 图片访问路径前缀 */
"imagePathFormat": "/myProject/{yyyy}{mm}{dd}/{time}{rand:6}",

如果你myProject下只有图片，可以按上面说的设置
如果myProject下除了图片还有其他类型的文件，建议多加一层
"imageUrlPrefix": "/myProject",
"imagePathFormat": "/myProject/img/{yyyy}{mm}{dd}/{time}{rand:6}",

简单介绍完毕，后续发现新问题再更新。。。