Skip to content
Edit HTML web pages in browser and commit the changes to Github immediately.
JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.


A small javascript plugin that allows to edit HTML web pages directly from the browser at specific place with live preview and commit the changes to github.

It uses internally:

  • Ace Editor - awesome code editor.
  • Github - a higher-level wrapper around the Github API.
  • Font Awesome - The iconic font and CSS toolkit.
  • Hint - A tooltip library in CSS.

And it is used along with

  • Installed git-proxy - it is needed for correct github authentication/authorization
  • git-connect - it is a plugin that provides github OAuth only within the browser.

How to use

Add this scripts to the end of your html body:

<link rel="stylesheet" href="">
<script src=""></script>
<script src=""></script>

And then initialize connection with adding this script after:

        client_id: "sdfjhg23jhg345j33io", //your application client_id
        proxy: "", //your git proxy
        owner: "krispo", //your github username
        reponame: "git-edit" //your reponame

You should mark the html element, that you want to edit, with gitedit class, and add info with data-* attribute for branch and main file, for example:

<body class="gitedit" data-branch="gh-pages" data-file="index.html">

Now if you deploy your app, you can call editor by CTRL + Click with click on your marked element.


And then edit web page and commit the changes. You web page will updated immediately.

Actually, your web page can be edited by any github user that connected to github through your app. And these changes will be like a pull requests. So, after commit & pull this repo will be forked automatically to this user github account.

Try demo.

You can’t perform that action at this time.