News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      企业管理      更换为百度编辑器ueditor以及ueditor的上传路径配置

更换为百度编辑器ueditor以及ueditor的上传路径配置

发布日期:2017-03-15 00:00:00 986
AI 能否成为物流运输摆脱交通拥堵延误“噩梦”的救星?

1、从官方网站下载ueditor编辑器,下载地址

http://ueditor.baidu.com/website/download.html#ueditor

2、将下载的编辑器压缩包解压到指定目录,如 /tools/ ;

3、配置编辑器(主要是样式方面,可以忽略跳过),例如将编辑器的初始化高度设置为320

//,initialFrameHeight:320  //初始化编辑器高度,默认320

只要把这句前面的//去掉即可

其他的,根据自己需要,灵活设置

4、在需要用到编辑器的后台模板文件调用编辑器,如 article_update.dwt

<script type="text/javascript" src="../tools/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="../tools/ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
后台文件为根目录下的一个文件夹,所以,这个地方需要加上../,这个路径的,根据自己的程序灵活配置,只要路径没错,就没有问题了
 
<script>
var ue = UE.getEditor('content');//实例化百度编辑器
</script>
这个content是你的textarea的ID值,注意!
 
接下来,配置图片上传的目录
找到config.json文件(如,系统用的是PHP的,下载的PHP的编辑器,那么这个文件就在编辑目录下面的PHP文件夹下)
"scrawlPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
 
把这个地方的/ueditor/php/upload改为相应的目录即可,完成!