H5DS 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
H5DS 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

温馨提示:该项目已开放源码,除商业用途外,用户可以自由使用。

简介

  • H5DS (HTML5 Design software) 这是一款基于WEB的 H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。

  • H5DS 官方 Git (https://gitee.com/676015863/H5DS) ,简体中文 UTF8 版本,其他版本请自行转码

  • h5ds 官方站:http://www.h5ds.com

img

版权声明

您可以下载本站代码,但未经许可 禁止 在本产品的整体或任何部分基础上以发展任何派生版本、修改版本或第三方版本用于 重新分发,您可以下载源码进行学习或者商业使用而无需支付任何费用,任何企业或者个人在未获得四川爱趣五科技有限公司的书面授权之前,不可去掉编辑器的LOGO和官方链接地址已经相关的版权信息,您若有违反规定,四川爱趣五科技有限公司有权随时中止或终止您对H5DS产品的使用资格并保留追究相关法律责任的权利

相关网站

友情提示

若有BUG,请及时issues我们,会第一时间做修改!

安装使用说明

运行环境 node v6.x npm 5.x

1. 加载第三方资源库

HTML(index.html)必须载入图标库的CSS和第三方插件

<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_157397_gh8aos5s98.css">
<script src="http://cdn.h5ds.com/lib/plugins/jquery.min.js"></script>
<script src="http://cdn.h5ds.com/lib/plugins/jquery.touchSwipe.min.js"></script>
<script src="http://cdn.h5ds.com/lib/plugins/qrcode.min.js"></script>
<script src="http://cdn.h5ds.com/lib/plugins/anime.js"></script>

2. 安装主程序

npm install h5ds --save

3. 安装第三方依赖库

npm install antd dayjs localforage lodash mobx mobx-react moment react react-color react-contenteditable react-dom tinycolor2 url-parse --save

4. 使用H5DS组件

import 'h5ds/css/h5ds.4.2.0.css';
import H5DS from 'h5ds';

const setting = {
  // 保存单个页面
  savePage: (data) => {
    console.log(data);
    alert('操作成功,请F12查看Console');
    return Promise.resolve();
  },
  // 保存整个应用
  saveApp: (appid, data) => {
    console.log(appid, data);
    alert('操作成功,请F12查看Console');
    return Promise.resolve();
  },
  // 发布应用
  publishApp: (appid, data, shtml) => {
    console.log(appid, data, shtml);
    alert('操作成功,请F12查看Console');
    return Promise.resolve();
  },
  plugins: []
}
<H5DS {...setting}/>

setting的具体参数请阅读文档 http://doc.h5ds.com

更新说明

请查看 CHANGELOG.md 文件

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (3)

加载中
好像很腻害的样子
2017/12/20 09:24
回复
举报
打分: 力荐
项目很不错,支持
2017/09/14 17:19
回复
举报
馒头软件作者
打分: 力荐
牛x
2017/09/06 11:09
回复
举报
更多评论
暂无内容
发表于大前端专区
07/15 20:01

H5DS编辑器之时间轴实现原理

在做H5DS编辑器的时候,我遇到一个需求:通过时间轴的游标控制动画的进度。看下效果图: 技术选型: 视图:react 动画: 这里我们采用CSS3动画库 https://animate.style/ 好了,就这些了! 实现原理 添加动画的时候...

0
0
发表于大前端专区
2019/09/11 23:19

超级好用的H5编辑器开箱即用!

简介 H5DS (HTML5 Design software) 这是一款基于 WEB 的 HTML5 制作工具的内核。让不会写代码的人也能轻松快速上手编写HTML5页面。H5DS同时也是一款基于react+mobx的在线HTML制作工具,灵活的内核可快速改造成各...

0
0
发表于大前端专区
2019/09/10 16:49

空手套白狼-我的互联网草根创业亲身经历

和大多数人一样,我出生寒门学子,没钱没势,所有的一切都是从零开始,只能空手套白狼,本文章主要是为了分享下我个人的创业经历以及一个产品从无到有的过程,后面也会聊到我做H5工具的相关技术方案,希望能帮助读...

0
0
发表了博客
2019/03/06 23:10

H5类似易企秀/编辑器/页面制作/开发/生成工具/软件/源码/授权

代码地址如下:<br>http://www.demodashi.com/demo/14960.html 项目简介 H5DS (HTML5 Design software) 这是一款基于WEB的 H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。 H5DS 官方 Git (https://github.com/h5ds/h5ds) ,简体中文 UTF8 版本,其他版本请自行转码 h5ds 官方站:http://www.h5ds.com 相关网...

0
0
发表于大前端专区
2019/09/11 23:20

空手套白狼-我的互联网草根创业亲身经历

和大多数人一样,我出生寒门学子,没钱没势,所有的一切都是从零开始,只能空手套白狼,本文章主要是为了分享下我个人的创业经历以及一个产品从无到有的过程,后面也会聊到我做H5工具的相关技术方案,希望能帮助读...

0
0
发表于大前端专区
2019/09/17 16:10

强大的H5可视化编辑器,喜欢给个赞

用法很简单,下面代码保存为 html 文件,使用谷歌浏览器打开即可! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-......

0
0
发表于开发技能专区
2018/07/13 11:43

react+mobx+jquery构建大型工具项目经验总结

内容大纲: 1、功能介绍 2、技术架构 3、性能优化 4、细节分享 5、开源说明 一、项目功能介绍 很久没写过技术类的文章了,这次给大家分享一个近期的项目,采用react+mobx+jquery构建的大型工具类项目。查看项目网...

3
0
发表于开源治理专区
2019/11/10 12:23

「开源活动」2019 成都 Web 全栈大会

点击上方“开源社”关注我们 开源活动推荐 为了满足广大开源爱好者线下面基和共同进步的需求,开源社特推出开源活动板块,网罗天下开源好活动,推荐给爱学习求上进的小伙伴!感兴趣的小伙伴可以关注我们的活动推荐...

0
0
2016/02/03 09:09

spring boot 集成框架事例

spring boot 集成框架事例

0
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
3 评论
71 收藏
分享
返回顶部
顶部