Web/移动HTML构建器和编辑器
基于Daisyui和Tailwind的网络和移动应用程序的无代码HTML构建器。
由爱的唱片为您建造
随意使用原样并做出贡献(真的很容易):
?ON Line Builder
概括
TL;DR只需单击在线构建器,然后开始构建您的HTML页面即可。
– 当前,要更改组件内容,请单击组件设置(COG Wheel),然后使用此丑陋的黑客:单击“更新”,然后在以下输入中添加一个字符,然后点击“ TAB”以更新组件。随意提供更好的方法 –
单击</>按钮检查并复制HTML和CSS。将代码粘贴到您的应用中,不要忘记在HTML页面中添加daisyui和tailwind CSS,在header中:
< link href =\" https://cdn.j*sdeli**vr.net/npm/daisyui@2.38.1/dist/full.css \" rel =\" stylesheet \" type =\" text/css \" /> < link href =\" https://cdn.js**d*elivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css \" rel =\" stylesheet \" type =\" text/css \" />
您的浏览器上的自动储备,无需保存!
欢迎PR!
如果您想贡献但不想下载和安装东西,只需订购此存储库即可更改src/中的blocks.js and components.js 。
下载
- CDN
- NPM(不确定)
-
npm i web-mobile-html-builder
-
- git
-
git clone https://*gi*thub.*com/vocamen/web-mobile-html-builder.git
-
发展
克隆存储库
git clone --depth 1 https://*gi*thub.*com/vocamen/web-mobile-html-builder.git
cd web-mobile-html-builder
安装依赖项
npm i
npm i -g grapesjs-cli
(you will need this one to test and build easily)
启动开发服务器
npx grapesjs-cli serve
调整
只需在src/中更改2个文件
- components.js(页面中的HTML代码)
- blocks.js(要拖动HTML页面的菜单元素)
构建源
npx grapesjs-cli build
在PR之前测试您的项目
http-server ./dist/
执照
麻省理工学院
