{"id":26895977,"url":"https://github.com/ashubham/markee","last_synced_at":"2025-05-12T20:18:12.031Z","repository":{"id":57291299,"uuid":"120062290","full_name":"ashubham/markee","owner":"ashubham","description":"Visual text selection","archived":false,"fork":false,"pushed_at":"2019-02-15T23:34:08.000Z","size":594,"stargazers_count":25,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-28T23:44:47.520Z","etag":null,"topics":["caret","cursor","highlight","selection"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/ashubham.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}},"created_at":"2018-02-03T05:26:31.000Z","updated_at":"2022-09-12T07:38:09.000Z","dependencies_parsed_at":"2022-08-27T12:20:12.927Z","dependency_job_id":null,"html_url":"https://github.com/ashubham/markee","commit_stats":null,"previous_names":["ashubham/mark-selection"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashubham%2Fmarkee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashubham%2Fmarkee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashubham%2Fmarkee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashubham%2Fmarkee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ashubham","download_url":"https://codeload.github.com/ashubham/markee/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253815028,"owners_count":21968563,"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","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":["caret","cursor","highlight","selection"],"created_at":"2025-04-01T02:59:19.151Z","updated_at":"2025-05-12T20:18:11.981Z","avatar_url":"https://github.com/ashubham.png","language":"TypeScript","readme":"![](https://github.com/ashubham/markee/raw/master/assets/Markee.gif)\n\n# Markee\n[![Build Status](https://travis-ci.org/ashubham/markee.svg?branch=master)](https://travis-ci.org/ashubham/markee)\n[![npm version](https://badge.fury.io/js/markee.svg)](https://badge.fury.io/js/markee)\n\n- [Demo](https://codepen.io/ashubham/pen/yveGyq?editors=0110) \n\n## Features\n- Pure Javascript (Uses No JQuery or Frameworks).\n    - But can be used with any.\n- Lightweight\n- Typescript (Types included).\n- Fully customizable using CSS.\n- Works in Chrome, Safari, IE, Firefox.\n\n## Simple usage\n```html\n\u003cdiv id=\"container\"\u003e\u003c/div\u003e\n```\n```javascript\nimport Markee from 'markee';\n\nlet el = document.getElementById('input');\nlet markee = new Markee(el /* Target element */, {\n\tinitialText: 'You can simply highlight, what you wish using these handles!',\n\tonMarked: (text, startIdx, endIdx) =\u003e {\n        // Callback when some one changes the \n        // marked selection.\n\t\tconsole.log(text, startIdx, endIdx);\n\t}\n});\n```\n## Options\n\n```typescript\nlet markee = new Markee(el, {\n    initialText: '',  // text to be made markeeable.\n    startIdx: 0,      // Start of initial selection.\n    endIdx: 1,        // End of initial selection.\n    \n    /* The callback which is called when a user changes the marked selection. */\n    onMarked: (text: string,  // selected text.\n        startIdx: number,     // index of the start.\n        endIdx: number),      // index of the end.\n    \n    onDrag: (beginMarker: HTMLElement,\n             endMarker: HTMLElement), // Called when a handle is dragged.\n    \n    markerClass: 'marker',      // CSS class for drag handle.\n    tokenClass: 'token',        // CSS class for text token.\n    beginClass: 'begin',        // CSS class for the begin marker.\n    endClass: 'end',            // CSS class for the end marker.\n    selectedClass: 'selected',  // CSS class for the marked selection.\n    draggedClass: 'dragged',    // CSS class for the drag handle when being dragged.\n})\n```","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashubham%2Fmarkee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashubham%2Fmarkee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashubham%2Fmarkee/lists"}