Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit be08c4a
Showing
4 changed files
with
137 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| # GrapesJS Desktop | ||
|
|
||
| Desktop WYSIWYG web builder based on [GrapesJS](http://grapesjs.com/) and [NW.js](http://nwjs.io/), similar to Pingendo, Pinegrow or Webflow. This is a beta version. | ||
|
|
||
|  | ||
|
|
||
| ## Usage | ||
|
|
||
| Download [NW.js](http://nwjs.io/) and run `nw /path/to/grapesjs-desktop`. | ||
|
|
||
| Or download the [prebuilt package](https://github.com/niutech/grapesjs-desktop/releases) for Windows. | ||
|
|
||
| ## Authors & License | ||
|
|
||
| GrapesJS is developed by Artur Arseniev under New BSD License. | ||
|
|
||
| GrapesJS Desktop is developed by Jerzy Głowacki under New BSD License. |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,97 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>GrapesJS Desktop</title> | ||
| <link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet"> | ||
| <link href="https://unpkg.com/grapesjs-preset-webpage/dist/grapesjs-preset-webpage.min.css" rel="stylesheet"> | ||
| <script src="https://feather.aviary.com/imaging/v3/editor.js"></script> | ||
| <script src="https://static.filestackapi.com/v3/filestack-0.1.10.js"></script> | ||
| <script src="https://unpkg.com/grapesjs"></script> | ||
| <script src="https://unpkg.com/grapesjs-preset-webpage"></script> | ||
| <style> | ||
| html, body { | ||
| margin: 0; | ||
| padding: 0; | ||
| height: 100%; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id="gjs" style="height:0px; overflow:hidden;"> | ||
| <div class="panel"> | ||
| <h1 class="welcome">Welcome to</h1> | ||
| <div class="big-title"> | ||
| <svg class="logo" viewBox="0 0 100 100"> | ||
| <path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2"/> | ||
| </svg> | ||
| <span>GrapesJS</span> | ||
| </div> | ||
| <div class="description"> | ||
| This is a demo content from index.html. For the development, you shouldn't edit this file, instead you can | ||
| copy and rename it to _index.html, on next server start the new file will be served, and it will be ignored by git. | ||
| </div> | ||
| </div> | ||
| <style> | ||
| .panel { | ||
| width: 90%; | ||
| max-width: 700px; | ||
| border-radius: 3px; | ||
| padding: 30px 20px; | ||
| margin: 150px auto 0px; | ||
| background-color: #d983a6; | ||
| box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); | ||
| color:rgba(255,255,255,0.75); | ||
| font: caption; | ||
| font-weight: 100; | ||
| } | ||
|
|
||
| .welcome { | ||
| text-align: center; | ||
| font-weight: 100; | ||
| margin: 0px; | ||
| } | ||
|
|
||
| .logo { | ||
| width: 70px; | ||
| height: 70px; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| .logo path { | ||
| pointer-events: none; | ||
| fill: none; | ||
| stroke-linecap: round; | ||
| stroke-width: 7; | ||
| stroke: #fff | ||
| } | ||
|
|
||
| .big-title { | ||
| text-align: center; | ||
| font-size: 3.5rem; | ||
| margin: 15px 0; | ||
| } | ||
|
|
||
| .description { | ||
| text-align: justify; | ||
| font-size: 1rem; | ||
| line-height: 1.5rem; | ||
| } | ||
| </style> | ||
| </div> | ||
| <script type="text/javascript"> | ||
| var editor = grapesjs.init({ | ||
| height: '100%', | ||
| showOffsets: 1, | ||
| noticeOnUnload: 0, | ||
| storageManager: { autoload: 0 }, | ||
| container: '#gjs', | ||
| fromElement: true, | ||
| plugins: ['gjs-preset-webpage'], | ||
| pluginsOpts: { | ||
| 'gjs-preset-webpage': {} | ||
| } | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| { | ||
| "name": "grapesjs-desktop", | ||
| "version": "0.12.55", | ||
| "description": "GrapesJS desktop app based on NW.js", | ||
| "main": "index.html", | ||
| "window": { | ||
| "icon": "grapesjs.png", | ||
| "width": 1024, | ||
| "height": 600 | ||
| }, | ||
| "keywords": [ | ||
| "grapesjs", | ||
| "web", | ||
| "editor", | ||
| "builder", | ||
| "wysiwyg", | ||
| "node-webkit" | ||
| ], | ||
| "author": { | ||
| "name": "Jerzy Głowacki" | ||
| }, | ||
| "license": "New BSD License" | ||
| } |