一个做包装机械的客户很苦恼:网站交付时好好的,市场部小姑娘更新了两个月内容,产品页开始出现各种怪相——有的段落字是红色的,有的图片顶出边框,还有一页从Word粘过来的内容带着一串方框乱码。他问我能不能禁止业务员碰后台。我说堵不如疏,问题不在人,在系统没给编辑留好安全区。把安全区修好了,编辑越勤快,网站越鲜活。
富文本编辑器是个危险的自由
后台的富文本编辑器给了编辑近乎无限的自由:随便改颜色、贴外部样式、上传超大图片。自由到了不懂技术的编辑手里,就成了事故来源。特别是从Word或别的网页复制粘贴,会带进来一大坨隐藏样式代码,在电脑上看还能忍,到了手机上尺寸一变,各种错位全冒出来。响应式网站设计的成果能不能守住,一半看代码,一半看内容管理有没有约束机制。
四个机制,把事故挡在源头
- 粘贴自动清洗:编辑器粘贴内容时自动过滤外部样式,只留纯文字和基础段落,从Word复制来的格式垃圾直接拦掉;
- 图片自动处理:上传的图自动压缩、限制最大宽度,超大原图进不了页面;
- 模块化内容:产品介绍、新闻这类高频内容做成固定模块,编辑只填文字换图片,排版结构碰不到,想乱也乱不了;
- 手机预览:发布前能一键切到手机视图预览,编辑自己先过目一遍。预览这一步看似多余,实则最救命。
再配一页简明的编辑规范,三条红线写清楚:不粘贴外部样式、图先压缩再传、发布前看一眼手机预览。培训半小时,比事后收拾十次残局划算。规矩立在前头,麻烦就到不了后头。
老后台也能补救
现有网站改不了编辑器内核的,也有轻量办法:给编辑器的工具条瘦身,把改颜色、改字体这些高危按钮藏掉,只留加粗、列表、插图;再用程序在输出端兜底,过滤已知的有害样式。成本不高,乱象能消掉大半。剩下的交给规范和培训,系统加人双保险。
建议本周让市场部把最近更新的页面用手机全部过一遍,把乱掉的位置记下来,就能看出后台缺哪层约束。新站选型时,把内容安全当成交付标准之一,让建站方现场演示编辑流程。比格网络做响应式网站设计,后台的防呆设计跟前端效果一起交付——网站是要被长期编辑的,经得起外行折腾,才配得上叫好网站。后台好不好用,编辑们最有发言权,验收时叫上他们一起测。他们顺手就能试出技术的盲区,比任何验收表都灵。