{"id":23782564,"url":"https://github.com/roydejong/midway-editor","last_synced_at":"2026-06-07T16:33:36.287Z","repository":{"id":78205514,"uuid":"80381805","full_name":"roydejong/midway-editor","owner":"roydejong","description":"A WYSIWYG Editor: Simple, lightweight, inspired by Medium","archived":false,"fork":false,"pushed_at":"2017-02-03T18:48:51.000Z","size":113,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-11T16:26:39.508Z","etag":null,"topics":["contenteditable","editor","html5","javascript","medium","wysiwyg"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/roydejong.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-01-30T00:01:53.000Z","updated_at":"2020-05-24T16:44:24.000Z","dependencies_parsed_at":"2023-05-17T22:00:17.361Z","dependency_job_id":null,"html_url":"https://github.com/roydejong/midway-editor","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/roydejong/midway-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roydejong%2Fmidway-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roydejong%2Fmidway-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roydejong%2Fmidway-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roydejong%2Fmidway-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/roydejong","download_url":"https://codeload.github.com/roydejong/midway-editor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roydejong%2Fmidway-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34029790,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-07T02:00:07.652Z","response_time":124,"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":["contenteditable","editor","html5","javascript","medium","wysiwyg"],"created_at":"2025-01-01T12:16:10.648Z","updated_at":"2026-06-07T16:33:36.256Z","avatar_url":"https://github.com/roydejong.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# midway-editor\n\n**A WYSIWYG Editor: Simple and lightweight. Inspired by Medium's brilliant post editor.**\n\n\u003ccenter\u003e\n\n![](http://i.imgur.com/8AyrPT4.png)\n\n**[View demo page](https://roydejong.github.io/midway-editor/)**\n\n\u003c/center\u003e\n\n(For the record: this little project just for fun and learning. There are probably [better](https://github.com/yabwe/medium-editor) alternatives out there :grin:. This has only been tested on Chrome so far.)\n\n## What it does\n\nIt turns an element on your page onto a fully featured post editor.\n\n#### Current features\n\n- Suitable for new post creation, or making an existing post editable. \n- Enforces post semantics with an `\u003ch1\u003e` title above the body.\n- Features a basic text formatting toolbar which opens after selecting text (bold, italics, headings, blockquote).\n- Link insertion and removal via the toolbar.\n\n:ok_hand: An up-to-date list of features being worked in is available in the [Issue tracker](https://github.com/roydejong/midway-editor/issues).\n\n## Setup\n\n#### Prerequisites\nMidway Editor uses jQuery, so be sure to include it in your page if you haven't already.\n    \n    \u003cscript src=\"https://code.jquery.com/jquery-3.1.1.min.js\"\u003e\u003c/script\u003e\n\n#### Install Midway\n\nFirst, download a ZIP of **[the latest version](https://github.com/roydejong/midway-editor/archive/master.zip)** of this repository. You'll find production ready files in the included `dist` directory.\n\nTo use Midway, you need to include the library as well as some required CSS:\n\n    \u003clink rel=\"stylesheet\" href=\"dist/css/midway-toolbar.css\"\u003e\n    \u003cscript src=\"dist/midway-editor.min.js\"\u003e\u003c/script\u003e\n    \n#### Enabling the editor\n\nCheck out the demo page (`index.html`) for an example.\n\nHere's a very basic example of how the editor can be enabled:\n\n    \u003cdiv class=\"midway-edit\"\u003e\n        \u003ch1\u003eMy post title\u003c/h1\u003e\n        \u003cp\u003eMy post content\u003c/p\u003e\n    \u003c/div\u003e\n\n    \u003cscript\u003e\n        $(document).ready(function () {\n            Midway.edit('.midway-edit');\n        });\n    \u003c/script\u003e\n    \n## Development\n\n#### Prerequisites\n\nThis project uses Grunt to bundle and minify the JavaScript source code into the distributable files. To install Grunt:\n\n1. [Install Node.js](https://nodejs.org/en/download/) on your OS.\n2. Install the Grunt CLI: `npm install -g grunt-cli`.\n3. From the project directory, install the npm dependencies: `npm install`.\n\nYou'll also need Sass if you want to compile the SCSS file. To install Sass:\n\n1. [Install Ruby](https://www.ruby-lang.org/en/documentation/installation/) runtime on your OS.\n2. Install the Sass gem: `gem install sass`\n\n#### Compiling the project\n\nFrom the project directory, run `grunt` to bundle and minify the JavaScript into the `dist` directory.\n\nTo generate the `*.css` files, run `scss --update scss:dist/css`.\n\nTo ease development, set up a file watcher in your IDE of choice to automate these tasks.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froydejong%2Fmidway-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Froydejong%2Fmidway-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froydejong%2Fmidway-editor/lists"}