TickNick
/
websitebuilder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

it should work

Browse Source
master
thunic 3 years ago
parent 59cca50018
commit ba7ee8646e
4 changed files with 62 additions and 23 deletions
Show Stats Download Patch File Download Diff File

37
css/lib/grapesjs-preset-webpage.min.css vendored
Unescape Escape View File

@ -1 +1,36 @@
.gjs-one-bg{background-color:#463a3c}.gjs-one-color{color:#463a3c}.gjs-one-color-h:hover{color:#463a3c}.gjs-two-bg{background-color:#b9a5a6}.gjs-two-color{color:#b9a5a6}.gjs-two-color-h:hover{color:#b9a5a6}.gjs-three-bg{background-color:#804f7b}.gjs-three-color{color:#804f7b}.gjs-three-color-h:hover{color:#804f7b}.gjs-four-bg{background-color:#d97aa6}.gjs-four-color{color:#d97aa6}.gjs-four-color-h:hover{color:#d97aa6} .gjs-one-bg {
background-color: #463a3c;
}
.gjs-one-color {
color: #463a3c;
}
.gjs-one-color-h:hover {
color: #463a3c;
}
.gjs-two-bg {
background-color: #b9a5a6;
}
.gjs-two-color {
color: #b9a5a6;
}
.gjs-two-color-h:hover {
color: #b9a5a6;
}
.gjs-three-bg {
background-color: #804f7b;
}
.gjs-three-color {
color: #804f7b;
}
.gjs-three-color-h:hover {
color: #804f7b;
}
.gjs-four-bg {
background-color: #d97aa6;
}
.gjs-four-color {
color: #d97aa6;
}
.gjs-four-color-h:hover {
color: #d97aa6;
}

17
index.html
Unescape Escape View File

@ -1,21 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Grape JS Example</title> <title>Grapes JS Example</title>
<script src="js/lib/grapes.min.js"></script> <script src="js/lib/grapes.min.js"></script>
<link rel="stylesheet" href="/css/lib/grapes.min.css"> <link rel="stylesheet" href="css/lib/grapes.min.css" />
<!-- Add Style and Script for Preset Webpage Builder --> <!-- Add Style and Script for Preset Webpage Builder -->
<script src="js/lib/grapesjs-preset-webpage.min.js"></script>
<link rel="stylesheet" href="css/lib/grapesjs-preset-webpage.min.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="/css/main.css">
</head> </head>
<body> <body>
<div id="editor"> <div id="editor">
<p>Testing Editor using GrapeJS library</p> <p>Testing Editor using Grapes JS librrary</p>
</div> </div>
<script type="text/javascript" src="js/main.js"></script> <script type="text/javascript" src="js/main.js"></script>

4
js/lib/grapes.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
js/main.js
Unescape Escape View File

@ -2,6 +2,9 @@ const editor = grapesjs.init({
container: "#editor", container: "#editor",
fromElement: true, fromElement: true,
width: "auto", width: "auto",
StorageManager: false, storageManager: false,
plugins: ["gjs-preset-webpage"],
pluginsOpts: {
"gjs-preset-webpage": {},
},
}); });
Write Preview
Loading…
Cancel
Save