可视化编辑
3篇文章 · 0订阅
  • 自研开源CMS可视化编辑器
    今天给大家分享自研的页面可视化编辑器。一说到页面可视化，大家可能首先想到的是“低代码平台”，“可视化拖拽生成表单”等等。不过今天分享的这款工具并不是低代码表单
    前端 数据可视化
    自研开源CMS可视化编辑器
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript
  • 可视化拖拽页面编辑器 一
    最终效果实现功能：主页面结构：左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性从菜单拖拽组件到容器；单选、多选；容器内的组件可以拖拽移动位置；组件拖拽调整宽高；组件拖拽贴边，显示辅助线；操作栏
    Vue.js
    可视化拖拽页面编辑器 一