VvvebJs

实现可视化布局,要用什么可视化拖拽编辑器比较好呢?

∥☆過路亽.° 提交于 2021-02-05 15:21:12
关于 可视化布局 的实现,其实,目前有两种方式可以实现可视化布局的方式。一种是在网上选择一些免费的可视化布局软件,另一种是直接使用在线可视化拖拽编辑器实现。不管用户选择哪种的方式实现可视化布局的话,他们的作用都是一样的。目前可视化拖拽编辑器可以说是种类繁多, 特别是国外, 开源的商业的, 各种版本, 不一而足,接下来小编就简单介绍几个常见的免费、开源、在线的可视化拖拽编辑器。 一、可视化拖拽编辑器——KindEditor KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 二、 可视化拖拽编辑器 ——Smartbi Smartbi是广州思迈特软件开发的一款软件,目前个人版是永久免费使用的。使用Smartbi的自助仪表盘功能,让你的工作汇报增添精彩。数据可视化不仅丰富且美观,更重要是操作简洁,使用方便。适应多变的分析场景。大大的提高了业务部门用数效率,减少科技部门的人员投入。当然,Smartbi还提供了移动端HTML访问 BI 的功能,方便使用手机来查看 BI 应用。也可以通过集成到第三方报表查看,例如微信,钉钉等app。 图

简单拖拽即生成网页 VvvebJs

走远了吗. 提交于 2019-11-29 00:51:48
在线演示: http://www.vvveb.com/vvvebjs/editor.html 相关特性 1、组件和块/片段拖放; 2、撤销/重做操作; 3、一个或两个面板界面; 4、文件管理器和组件层次结构导航添加新页面; 5、实时代码编辑器; 6、包含示例php 脚本 的图像上传; 7、页面下载或导出html或保存页面在服务器上包含示例PHP 脚本 ; 8、组件/块列表搜索; 9、Bootstrap 4组件等组件。 默认情况下,编辑器附带Bootstrap 4和Widgets组件,可以使用任何类型的组件和输入进行扩展。 使用方式 要初始化编辑器,调用Vvveb.Builder.init。第一个参数是要加载以进行编辑的URL,它必须位于相同的子域中才能进行编辑。第二个参数是页面加载完成时调用的函数,默认情况下调用编辑器Gui.init(); 结构 Component Group是一个组件集合,例如Bootstrap 4组由Button和Grid等组件组成,该对象仅用于在编辑器左侧面板中对组件进行分组。例如,Widgets组件组只有两个组件视频和地图,并被定义为如下 Vvveb.ComponentsGroup['Widgets'] = ["widgets/googlemaps", "widgets/video"]; Component是一个对象