可视化h5界面编辑器_超优秀 H5可视化制作编辑器H5DS

今天给大家推荐一款超棒的H5可视化网页制作编辑工具H5DS。

h5ds 基于

技术栈

前端：React+Mobx+Less+jQuery

后端：NodeJs+Ngnix+MySQL

工具：Babel+Webpack+Gulp

项目模块架构

项目结构

安装

$ npm i h5ds -S

快速使用

import React, { Component } from 'react'

import H5dsEditor from 'h5ds/editor'

import 'h5ds/editor/style.css'

class Editor extends Component {

constructor(props) {

super(props);

this.state = {

data: null

};

}

/* 保存App */

saveApp = async data => {

console.log('saveApp ->', data);

};

/* 发布app*/

publishApp = async data => {

console.log('publishApp ->', data);

};

componentDidMount() {

// 模拟异步加载，设置 defaultData 会默认加载一个初始化数据

setTimeout(() => {

this.setState({ data: 'defaultData' });

}, 100);

}

/**

* 使用编辑器

render() {

const { data } = this.state;

return (

plugins={[]} // 第三方插件包

data={data}

options={{

publishApp: this.publishApp,

saveApp: this.saveApp, // 保存应用

appId: 'test_app_id' // 当前appId

}}

);

}

export default Editor;

h5ds编辑器通过时间轴控制动画进度。

动画效果使用的是如下CSS3动画库。

https://animate.style/

通过简单拖拽操作，就可实现h5代码编辑功能。

确实是非常棒的一款类似易企秀、MAKA的H5制作编辑工具，大家不要错过哟~~

# 官网地址

https://www.h5ds.com/

# 仓库地址

https://github.com/h5ds/h5ds

ok，今天就分享到这里。如果大家有其它优秀的H5可视化编辑工具，欢迎交流讨论！

可视化h5界面编辑器_超优秀 H5可视化制作编辑器H5DS相关推荐

移动端h5唤起键盘_移动端H5界面打开后，如何自动调用软键盘
test(){ // let aa = this.$refs.input1.blur(); // this.$nextTick((x)=>{ //正确写法 // // this.$refs.in ...
java编辑多行文本编辑器_五个最佳编程文本编辑器
很多场合下我们会用到纯文本编辑器,Windows自带的记事本功能很简陋,因此我们从网友的投票提名中选取了前五个最佳的文本编辑器(实际上有六个).这些编辑器实际上主要适合程序员使用,他们的清单如下. N ...
KingDraw主界面介绍_超好用的化学结构式编辑器
** KingDraw主界面介绍 ** 打开APP后,系统会进入到主界面,主界面的功能主要包括除了画板以外的其他通用功能. 主界面 KingDraw主界面功能包括: 登录/注册 KingDraw支持本 ...
h5 vr效果_全景展示h5，深度解读如何在H5中完美融入VR技术
全景展示技术,应该是当下最人们的技术了,各大硬件厂商接连推出VR硬件,也对VR未来进行畅想,仿佛VR全景展示已经真的融入到我们身边了. 然而,全景展示设备也是五花八门,有牛人"纸制" ...
h5精准定位_手机端H5地理定位结合腾讯地图API实现精准定位！
最近项目需求,需要精准定位,但是网上搜了好久都没有解决办法,当然微信定位的方案还是可行的,手机H5 就没有这方面的教程了. 捣鼓好久啊,花了一早上的时间研究出来了.这里有个大坑,要开启手机的定位才能获 ...
移动端h5唤起键盘_移动端H5监听键盘弹出和收起
const isIOS= /iphone|ipad|ipod/.test(ua); const isAndroid= /android/.test(ua);if(isIOS) { let isRese ...
修罗武神正版游戏服务器,修罗武神h5攻略_修罗武神h5礼包_修罗武神h5官网_游戏狗修罗武神h5专区...
修罗武神是一款东方玄幻与中国武侠元素完美结合的"上帝视角"RPG游戏,游戏画面精致唯美,宏大的场景展现着东方玄幻的魅力,高水准精美原画.场景绝对满足玩家对仙侠手游的渴望!流畅的打斗 ...
python编辑器_初学Python这几款编辑器，推荐你安装
编程这个东西是真的奇妙.对于懂得的人来说,会觉得这个工具是多么的好用.有趣,而对于小白来说,就如同大山一样.其实这个都可以理解,大家都是这样过来的.那么接下来千锋武汉Python培训小编就说一下Pyt ...
学习python用的什么编辑器_新手学Python用什么编辑器比较好？
新手学Python用什么编辑器比较好?工欲善其事必先利其器,选好工具学习更高效.市面上流行的编辑器众多,根据自己的需求选择适合自己.p小白可以选择pycharm配置简单功能强大使用起来省时省心,对初学 ...
原生编辑器_免费开源的GIF制作神器，可录屏幕/摄像头/画板，自带编辑器
软件介绍 ScreenToGif,最好用的免费开源Gif动画录制工具.小巧原生单执行文件,功能很实用,它有录制屏幕.录制摄像头.录制画板.图像编辑器等功能,可以将屏幕任何区域及操作过程录制成GIF格式 ...

可视化h5界面编辑器_超优秀 H5可视化制作编辑器H5DS

可视化h5界面编辑器_超优秀 H5可视化制作编辑器H5DS相关推荐

最新文章

热门文章