{"id":18725735,"url":"https://github.com/binaryage/instaedit","last_synced_at":"2025-09-19T11:26:23.729Z","repository":{"id":3352436,"uuid":"4397564","full_name":"binaryage/instaedit","owner":"binaryage","description":null,"archived":false,"fork":false,"pushed_at":"2012-08-19T02:37:25.000Z","size":2316,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-05-27T16:49:50.636Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/binaryage.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-05-21T19:21:40.000Z","updated_at":"2019-08-13T15:03:13.000Z","dependencies_parsed_at":"2022-09-04T01:11:38.948Z","dependency_job_id":null,"html_url":"https://github.com/binaryage/instaedit","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/binaryage/instaedit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binaryage%2Finstaedit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binaryage%2Finstaedit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binaryage%2Finstaedit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binaryage%2Finstaedit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/binaryage","download_url":"https://codeload.github.com/binaryage/instaedit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binaryage%2Finstaedit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275926954,"owners_count":25554040,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-19T02:00:09.700Z","response_time":108,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T14:11:41.803Z","updated_at":"2025-09-19T11:26:23.709Z","avatar_url":"https://github.com/binaryage.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Instaedit - pixel perfect web editor\nInstaedit is wysiwyg editor of your page content, designed for editing of websites based on github pages (like binaryage.com).\n\n## Brief usage tutorial\n### Markup origins of content on your site\n\nPut data-content-origin attribute on top level element wrapping content of some of your site source code on github.\n\nEg.:\n`\u003csection id=\"page\" data-content-origin=\"https://raw.github.com/binaryage/blog/gh-pages/_posts/2012-04-26-totalspaces-brings-back-grid-spaces.md\"\u003e`\n`\tContent of https://raw.github.com/binaryage/blog/gh-pages/_posts/2012-04-26-totalspaces-brings-back-grid-spaces.md`\n`\u003c/section\u003e`\n\n# Add a content-script\nIts a script which defines a way of applying changes. Code is executed in isolated scope with content variables defined in it - see content-script example - https://github.com/binaryage/instaedit/blob/master/demo/js/content-script.coffee - as you can see, coffee script is also supported, instaedit automatically recognizes the language by postfix - .coffee and .js.\n\nAnd you should define it as a script\n\n`\u003cscript type=\"instaedit/contentscript\" src=\"https://raw.github.com/binaryage/instaedit/master/demo/js/content-script.coffee\"\u003e\u003c/script\u003e`\n\nor meta in head\n\n`\u003cmeta name=\"instaedit/contentscript\" value=\"https://raw.github.com/binaryage/instaedit/master/demo/js/content-script.coffee\"\u003e`\n\n### Install a browser extension\nYou should install a browser extension because of restrictions in github api policy, if you want to just try instaedit, then you can add this code to your site\n\n![Code screen](instaedit/raw/master/doc/code-screen.png \"Code screen\")\nCopy from: https://github.com/binaryage/instaedit/blob/master/demo/index.html#L6\n\n`\u003cbutton id=\"instaedit-edit\"\u003eEdit\u003c/button\u003e`\n\nbut you will loose a \"commit\" feature.\n\n### Start editing\nAfter clicking \"Launch\" button in extension\n![Chrome extension](instaedit/raw/master/doc/extension-screen.png \"Chrome extension\")\n\nor Edit button on your site. You will see instaedit editor\n\n![Editor screenshot](instaedit/raw/master/doc/editor-screen.png \"Editor screenshot\")\n\n### Edit a content-script\nAfter clicking \"Edit parser\" button you will get another editor with your content script code in it. Editor will be informing you about syntax errors during editing. When you will be satisfied with new version then click \"Apply\" button. Instaedit compiler will compile the code and immediately start applying it on content - eventually you will can see you concrete mistakes in code via notifications on the right side of editor - like that \n![Errors screenshot](instaedit/raw/master/doc/errors-screen.png \"Editor errors screenshot\")\n\n### Commit\nIf you want commit new version of site then click on commit button in extension. Extension will open tabs with \"edit links\" - as you can see here : \n![Extension commit](instaedit/raw/master/doc/extension-commit-screen.png \"Extension commit\")\n\nYou should be signed to github and have appropriate privileges for editing. Extension will let you click on \"Commit\" button yourselves (you can check it one more time and make sure about changes)\n\n### Still have troubles? \nSee our demo here - https://github.com/binaryage/instaedit/tree/master/demo \n\nor feel free to contact me - jan@binaryage.com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinaryage%2Finstaedit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbinaryage%2Finstaedit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinaryage%2Finstaedit/lists"}