昨天折腾了一下午终于把kindeditor搞定了,本来想着这玩意儿应该不难装,结果现实给我上了一课。事情还得从上周说起,公司新项目突然要加富文本编辑器,产品经理甩了句“就找个开源免费的”拍拍屁股走人了,留我一个人对着电脑瞪眼。
第一步:下载文件就栽跟头
我打开文档照着官网步骤走,鼠标刚点到下载页面就卡住了——网页加载图标转了五分钟跳个404错误。换了三个浏览器都是这德性,气得我差点把键盘拍碎。还是技术群里老张丢给我个百度网盘链接,解压时杀毒软件还疯狂报毒,只能咬着牙点“信任文件”。这年头搞个开源工具跟地下交易似的。
- 下了个kindeditor_4.1.*后缀名变.rar的坑货
- 解压完多出个“试用版”文件夹直接懵了
- 比对MD5值花了我半小时确认完整性
第二步:路径配置连环坑
把文件夹拖进项目时偷懒复制了前辈的路径,结果js文件死活加载不出来。浏览器控制台刷刷刷的红字警告看得我头皮发麻:
- 先是报missing css文件
- 接着plugins目录权限不足
- 连字体文件都403错误
蹲在服务器前改了三轮路径,从/static/js改到/public/res再改回根目录,硬是把午饭拖成了下午茶。最绝的是文档里写着“建议放在项目外层”,等我挪出去又跳跨域错误,气得我往咖啡里猛灌两包糖。
第三步:文本框失踪之谜
眼看着文件都加载成功了,页面上还是光秃秃的。反复检查CSS发现编辑器iframe被挤成1px宽,找了半天发现是同事写的全局样式里有个 max-width:99% 在搞鬼。更绝的是上传按钮点了没反应,debug发现是公司框架封装的ajax把回调函数吞了,改到凌晨一点才调通。
几个血泪经验:- 不要相信任何官方文档里的默认配置
- 老项目里全局样式是隐藏炸弹
- 杀毒软件白名单记得提前加好
现在看着后台飘着的表情符号上传功能,突然想起四年前在第一家公司的事。当时让实习生在测试环境装编辑器,他吭哧吭哧折腾两天没搞定,被技术总监当着全组骂“装个插件都费劲”。后来有次团建喝多了才知道,总监自己按文档操作也失败了,偷偷让外包弄的。技术这行,有时候就差层窗户纸,捅破了屁都不是,捅不破能逼死人。