Use gDoc.js for your CMS

Create a Google Spreadsheet at sheets.google.com.


header subtitle
Welcome, Thanks for using gDoc.js!

Edit your template and include the gDoc.min.js framework.


HTML

<head>

<script src="gDoc.min.js"></script>

</head>


<body>

<h2 gDoc="header">loading...</h2>
<h3 gDoc="subtitle">loading...</h3>

</body>


<footer>

<script type="javascript/text">

gDoc('yourSheetID', 'layout');

</script>

</footer>


Results

loading...

loading...



You can also use gDoc.js to create stores and blogs!


Or for your database!

Create a Google Form at forms.google.com.


HTML

<head>

<script src="jquery.min.js"></script>
<script src="gDoc.min.js"></script>

</head>


<form id="example-form"></form>


<footer>

<script>

gDoc({

connect: true,

id: 'yourFormID',

appendTo: 'example-form'

});

</script>

</footer>


CSS

form#example-form input {

display: block;
margin: 5px auto;
padding: 5px;
border-radius: 3px;
border: #ddd solid thin;

}


form#example-form input[type="submit"] {

background-color: dodgerblue;
color: #fff;
border: none;
border-radius: 3px;
margin-top: 15px;

}


Results




Download on GitHub