相关地址:
准备工作:
由于后台暂时只需要发布文字和图片2项功能,
也是第一次使用,所以只简单记录一下这两项功能的使用。
我们用的是PHP,此链接是我自己存放此插件的路径:
https://upload-images.jianshu.io/upload_images/2078961-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}",
简单介绍完毕,后续发现新问题再更新。。。