-
Dcode-Editor是一款基于Vue和ElementUi的H5在线可视编辑器,通过拖拉组件的方式生成H5页面
资源介绍
项目还开发中,将不定期更新
技术栈
Vue 前端主流框架(react,vue,angular)之一,更适合开发灵活度高且复杂的应用
Vuex 主流的react应用状态管理工具,基于redux
vue-cli4 基于vue的前端脚手架
Less css预编译语言,轻松编写结构化分明的css
Element-Ui 优秀的饿了么vue组件库
axios 强大的前端请求库
mand-mobile 基于vue的移动端ui库,轻松实现美观的H5应用
前端界面
菜单
组件栏
画布
配置栏
快捷键
粘贴板
前端编辑器实现
编辑器的实现思路是:编辑器生成页面JSON数据,服务端负责存取JSON数据,渲染时从服务端取数据JSON交给前端模板处理。
插件选择
页面组件ui -
缩放拖拽 -
缩放拖拽旋转 -
参考线与磁性吸附 -
编辑器标尺 -
表格组件 -
图表组件 -
编辑器 -
滚动条 -
全屏插件