今天折腾Kindeditor可费了老劲,装完赶紧把过程记下来,省的你们也踩坑。
第一步:找安装包
我先翻了GitHub仓库,直接搜"Kindeditor下载"。好家伙版本还不少,下最新那个4.1.15的zip包。解压时候盯着进度条转转,急得我鼠标都快戳穿了。
第二步:丢服务器
直接打开XAMPP的htdocs文件夹,新建个kindeditor目录。把解压出来的那些htm、js文件全拖进来,跟扔破烂似的哐当一堆。顺手在浏览器敲localhost/kindeditor试试,404页面蹦出来了——这就对了!说明路径没配错。
第三步:改关键配置
重点来了!找到editor/plugins/image/dialog/那个文件,用记事本打开直接搜domainPath。看见那行带双引号的路径没?改成自己的服务器地址,我写成'http://localhost/kindeditor',千万记得单引号别删!改完手抖着按了Ctrl+S,生怕按错键。
第四步:测试上传
立马新建个*测试页,粘上官网抄的初始化代码。点图片上传按钮时候心里直打鼓:先选文件,再点"发送到服务器"——卧槽!进度条居然动了!等我凑近屏幕看Network请求,/php/upload_*这玩意返回200的时候,差点把保温杯打翻了。
碰到的坑
- 第一次测试疯狂报404,原来是里那个路径尾巴多了个斜杠
- 上传按钮点了没反应,后来发现是浏览器缓存捣鬼,按F5怼了三次才好
- 缩略图裂了才发现php目录权限没开,气得我直接给整个文件夹777
现在回想起来,最要命的就是配置文件里那行路径。改错地方全白瞎!搞完特意在服务器备份整个文件夹,这要重装一次我真能当场脑梗。