岗位职责
最终交付物为源码,功能为html文件编辑器 ,提供技术服务费
注意::
交付周期:2周,9月22日前
预算:根据方案沟通后比较再定
背景
我这边有上百个html模板文件,平时编辑时通过改源码实现,现在想要个html文件编辑器,web界面的,能够导入html文件后直接可视化修改里面的文字、图片或图片链接、所选元素的css样式,编辑保存后能够回退;
主要需求描述:
1、框架为springboot+vue,界面要求简洁
2、导入模板后html效果就渲染出来了,当选择文字或图片时,能够编辑文字、更改图片链接、更换图片以及文字图片的css样式(常见的加粗、字号)。技术上可能就是抓取元素
3、增加个源码编辑按钮,也可以编辑源码;
4、界面上任一处编辑后保存,保存后界面会刷新渲染效果,保存后html模板会替换掉原来初始html模板,由于编辑过程中可能多次保存,html文件代码可以存在redis里,redis里面最多保存3次html完整代码
5、增加个回撤按钮,最多回撤3次,回撤后当前界面刷新最新效果、原初始html文件也会被更新;
6、增加个变量字段映射按钮,点击按钮就可以编辑变量映射内容,就是由于我这边html模板代码里面有些变量字段,比如:(#(Type(close_date_year,0))就需要在渲染显示时替换成"年份"
7、需要权限控制,常见的用户角色,注意需要增加对界面中按钮的权限控制,考虑后期有些按钮因角色不同进行选择性显示
8、用到的插件必须时开源的,发布部署是在linux机器
样例html如下:
1、html模板文件:https://tstimage.gwcslife.com/printsource/icm_image/bjbank.html
2、原型图参考界面看附件吧