{"id":16666103,"url":"https://github.com/nwylzw/shikitor","last_synced_at":"2025-04-06T17:11:31.798Z","repository":{"id":229393696,"uuid":"776484463","full_name":"NWYLZW/shikitor","owner":"NWYLZW","description":"Code editor base on shiki.","archived":false,"fork":false,"pushed_at":"2024-10-09T07:36:34.000Z","size":4953,"stargazers_count":66,"open_issues_count":2,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-06T05:09:20.106Z","etag":null,"topics":["code-editor","editor","shiki"],"latest_commit_sha":null,"homepage":"https://nwylzw.github.io/shikitor","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/NWYLZW.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"ROADMAP.md","authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-23T16:30:45.000Z","updated_at":"2025-03-21T05:36:49.000Z","dependencies_parsed_at":"2024-03-24T03:24:31.792Z","dependency_job_id":"f61f2ae6-c125-4c7c-be71-2829990aefe0","html_url":"https://github.com/NWYLZW/shikitor","commit_stats":{"total_commits":745,"total_committers":4,"mean_commits":186.25,"dds":0.006711409395973145,"last_synced_commit":"d62d5aa5eb9342380037c6bdb51b7d90859cf57b"},"previous_names":["nwylzw/shikitor"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NWYLZW%2Fshikitor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NWYLZW%2Fshikitor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NWYLZW%2Fshikitor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NWYLZW%2Fshikitor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NWYLZW","download_url":"https://codeload.github.com/NWYLZW/shikitor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247517912,"owners_count":20951718,"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":["code-editor","editor","shiki"],"created_at":"2024-10-12T11:09:53.644Z","updated_at":"2025-04-06T17:11:31.777Z","avatar_url":"https://github.com/NWYLZW.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./playground/public/favicon.svg\" width='256' alt='Shikitor Logo'\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eShikitor(四季多)\u003c/h1\u003e\n\n## Description\n\nA simple and lightweight code editor for the web.\n\n| en-US | [中文](./README.zh-CN.md) |\n\n## How to use\n\n### CDN\n\nFor many users who want to experience the tool, CDN is a good choice. You can directly introduce this tool into your project and start using it.\nYou may have different usage habits. Here I provide you with several simple methods to introduce this tool. Below are some simple example links, you can click to view the corresponding files.\n\n- [esm](./examples/static/esm.html)\n\n  esm is a good choice, it allows you to use the import syntax to introduce this tool in the project. This is also the default export method of shiki, which is relatively convenient to use.\n- [esm + plugins](./examples/static/esm+plugins.html)\n\n  The pluggability of functions has always been a very important part of my code design philosophy. Here you can see how to introduce function expansion plugins.\n- [umd](./examples/static/umd.html)\n\n  If you don't want to use esm, then umd might be a good choice. It allows you to use the script tag to introduce this tool in the project.\n  (But in fact, for shiki, it may not be a good example, I need some time to make it better reflect the advantages of umd)\n\n### Node.js\n\nFor some users who want to use this tool in the compilation process, it may be a better choice to install dependencies through package management and then introduce this tool in the code.\n\n- Install dependencies\n\n```bash\nnpm install @shikitor/core\n# If you are using yarn\nyarn add @shikitor/core\n```\n\n- Introduce in the code\n\n```javascript\nimport '@shikitor/core/index.css'\n\nimport { create } from '@shikitor/core'\n\nconst shikitor = create(document.getElementById('editor'), {\n  value: 'console.log(\"Hello, Shikitor!\")',\n  language: 'javascript',\n  theme: 'github-light'\n})\n```\n\n## Features\n\n### Keyboard shortcuts\n\n#### `Tab`/`Shift + Tab`: Indent/Outdent\n\nYou can use `Tab` to indent the current line or selected lines, and use `Shift + Tab` to outdent.\n\n- plugin: `@shikitor/core/plugins/code-styler`\n- demo\n  ![tab](./.readme-res/Export-1711914834555.gif)\n\n#### Quick Jump\n\n- plugin: `@shikitor/core/plugins/code-styler`\n- `Cmd/Ctrl + ⬅️/➡️`: Jump to line start/end\n  - demo\n    ![jump](./.readme-res/Export-1711915118741.gif)\n\n### Mouse interaction\n\n#### Highlight the line of cursor position\n\n- plugin: bundled\n- demo\n  ![highlight](./.readme-res/Export-1711915476496.gif)\n\n#### Highlight the closing bracket\n\n- plugin: `@shikitor/core/plugins/bracket-matcher`\n- demo\n  ![bracket](./.readme-res/Export-1711915650863.gif)\n\n## Plugin system\n\nBuilding...\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnwylzw%2Fshikitor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnwylzw%2Fshikitor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnwylzw%2Fshikitor/lists"}