由于项目需要,需要在前端提供模板,允许注册用户根据提供的模板页面(目前仅有2套)进行选择,并支持自定义在线编辑(所见即所得的方式)。现在的问题则是,每个模板页面文字以及图片布局不太一样,页面模板中出现图片的地方也可能不一样。(当然,目前唯一比较固定的地方是,不允许用户改变模板的布局,只允许其根据相应位置的文字或图片进行修改),这种情况下,大家会选择什么方法去实现,同时需要指出的是:在这一方面,如何建立一种统一的数据库模型(即使得数据库相关的表能适应各种模板页面,因为项目后期仍会添加模板页面,所以,扩展性的问题必须考虑在其中)。前一阵子就这一问题也问过人,建议我去查找CMS(内容管理系统)相关的内容。但经过初步研究发现,CMS似乎只能为单一用户提供内容管理编辑的功能,并且它也并不支持所见即所得的在线编辑方式。上述问题的中心点主要是两个:
1.所见即所得方面的实现技术
2.建立统一的具备扩展性的数据库模型,使得能够“兼容”各种模板(比如A模拟上允许有2张图,B模板允许有3张图,以后新添模板又可能4张之类的不确定性因素)
本人初步搞了一下所见即所得的东西,用的是原生的JS, 发现效果太差了。不仅费时,而且跨浏览器效果不好。
即使只用IE,也会有很多问题。比如6版本,允许直接通过JS改变img标签的src属性,以达到即时替换图片的效果,但在IE7,8中,只能通过DIV滤镜的方式间接实现类似功能。再有,[多张]图片上传出现的种种问题,想必也有人碰到过。请问大家有什么好的经验或建议,还望不吝赐教!