从零使用electron搭建桌面端可视化编辑器Dooring
网络异常，图片无法展示|之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electron.因为之前用electron比较少, 今天刚好学了一下, 也基本把前后端打通了, 文末我会放dooring-electron的github地址供大家参考学习. 如果大家有更好的方案, 可以随时和我讨论....
如何实现H5可视化编辑器的实时预览和真机扫码预览功能
网络异常，图片无法展示|前言所见即所得的设计理念在WEB IDE领域里一直是备受瞩目的功能亮点, 也能极大的提高** web coder的编程体验和编程效率. 笔者接下来就将对H5可视化编辑器的实时预览和真机扫码预览**功能做一次方案剖析, 为大家在设计类似产品的时候提供一些思路.我们还是基于笔者开发的 H5-Dooring可视化编辑器作为案例来分析上述功能实现.你将收获实时预览的应用场景和实际....
基于f2从零实现移动端可视化编辑器
网络异常，图片无法展示|前言笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring，从第一个版本到现在经历了很多次版本迭代和优化，也收到了很多宝贵的建议，目前刚好完成了移动端数据可视化的基本设计和落地方案，在这里特地总结和复盘一下。我们先来看看实现的基本预览图： 网络异常，图片无法展示|你将收获基于antv/f2实现可视化图形组件的封装如何设计表格编辑器并集成到ant....
基于React+Koa实现一个h5页面可视化编辑器－Dooring | 技术专题第三期征文
网络异常，图片无法展示|前言前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。本篇文章并非和数据可视化相关，而是通过抽象技术底层，将其应用于H5页面可视化搭建上，通过技术的手段实现拖拽式生成H5页面。这块也有非常多的应用场景，比如我们需要开发一个移动端网站，一个H5营销页面，H5....
可视化编辑器之数据源配置
随着国家近来几次重要会议开展以及落地。企业转型及可视化布控迎来热潮。所以一款能效力于管理层——运筹帷幄、省力于运维层——降低维护成本的可视化编辑器是很有必要的。关键在于，它很轻便。给大家展示一下最近一个竣工项目的效果图：该项目实现了企业核心指标的实时观测，以及整体布控。另外其还易于上手。并且是由编辑器与3D（数字孪生理念）联合完成。那么话不多说，言归正传。我将站在开发者角度，以项目为原型。通过系....
Bootstrap 可视化HTML编辑器，summernote(4)
辛苦的介绍完前两节后，我们来一个动态图看一下效果吧！###③. summernote所在form表单的数据提交这里，我们再回顾一下summernote所在的form表单，其中还包含了一个普通file的input标签，也就是说，该form还需要上传一张项目封面。<form class="form-horizontal required-validate" action="#" enctype....
Bootstrap 可视化HTML编辑器，summernote(3)
注释当中加的很详细，这里把其他关联的代码一并贴出，仅供参照。 debug : function(msg) { if (this._set.debug) { if (typeof (console) != "undefined") console.log(msg); else alert(msg); } }, jsonE...
Bootstrap 可视化HTML编辑器，summernote(2)
####1、布局div<div class="summernote" name="description" placeholder="请对项目进行详细的描述，使更多的人了解你的" action="${ctx}/file">${deal.description}</div>1相信你也看到了我为div加上的三个属性name、placeholder、action，那么我们来详细....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注