{"id":14070366,"url":"https://github.com/lukasbach/obsidian-code-files","last_synced_at":"2025-04-05T18:05:27.630Z","repository":{"id":157601006,"uuid":"617084477","full_name":"lukasbach/obsidian-code-files","owner":"lukasbach","description":"Plugin for ObsidianMD to show and edit code files along other notes.","archived":false,"fork":false,"pushed_at":"2025-03-03T17:30:03.000Z","size":1839,"stargazers_count":149,"open_issues_count":10,"forks_count":4,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-29T17:02:35.223Z","etag":null,"topics":["code","editor","files","ide","monaco","obsidian","obsidian-md","obsidian-plugin","plugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/lukasbach.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"lukasbach"}},"created_at":"2023-03-21T17:07:32.000Z","updated_at":"2025-03-27T05:40:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"3dcc186a-e503-4649-b3f5-a334e1024e14","html_url":"https://github.com/lukasbach/obsidian-code-files","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":"obsidianmd/obsidian-sample-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasbach%2Fobsidian-code-files","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasbach%2Fobsidian-code-files/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasbach%2Fobsidian-code-files/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasbach%2Fobsidian-code-files/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lukasbach","download_url":"https://codeload.github.com/lukasbach/obsidian-code-files/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378138,"owners_count":20929296,"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","files","ide","monaco","obsidian","obsidian-md","obsidian-plugin","plugin"],"created_at":"2024-08-13T07:07:41.988Z","updated_at":"2025-04-05T18:05:27.606Z","avatar_url":"https://github.com/lukasbach.png","language":"TypeScript","funding_links":["https://github.com/sponsors/lukasbach"],"categories":["TypeScript"],"sub_categories":[],"readme":"# Obsidian Code Files\n\n\u003e Plugin for ObsidianMD to show and edit code files along other notes.\n\nThe plugin adds a code editor view to Obsidian. The code editor uses the powerful\n[Monaco Editor](https://microsoft.github.io/monaco-editor/), which also powers VS Code.\n\n*__🚀 New Feature: The plugin now also supports editing individual code blocks from Markdown\nfiles in an embedded Monaco Editor instance. Read [below](#new-feature-code-block-editing).__*\n\n**Caveat: This plugin currently relies on hosted dependencies and thus needs an internet connection.\nRead [below](#caveat-online-dependency) for more information.**\n\nIn the plugin settings, you can configure for which file extensions the editor will be\navailable as default editor. You can also create new code files, either by right clicking\non a folder in the side pane and clicking on \"Create Code File\", search for\n\"Create new Code File\" in the command palette or by using the \"Create Code File\" button\nin the ribbon.\n\n![img_1.png](img_1.png)\n\n## New feature: Themes\n\nBesides the default themes that ship with VSCode, the plugin also supports a long list\nof custom well-established themes to choose from.\n\n![img_3.png](img_3.png)\n\n## Code Block Editing\n\nThe plugin also supports editing individual code blocks from any\nMarkdown document in the editor. You\ncan either invoke the command palette and search for \"Open Current Code Block in Monaco\nEditor\", or right click on any code block and click on \"Edit Code Block in Monaco Editor\".\n\nThis will open a new modal with a Monaco Editor instance in which you can edit the code\nblock, which will automatically sync back to the block in your document when you close\nthe modal.\n\n![fence-editing.gif](fence-editing.gif)\n\n## Editing CSS Snippets\n\nSearch for the command \"Edit CSS Snippet\" to search CSS Snippets that exist in your\nObsidian vault and edit them in the Monaco Editor.\n\n![css-files.gif](css-files.gif)\n\n## More Screenshots\n\n![img_2.png](img_2.png)\n\n![img.png](img.png)\n\n## Caveat: Online dependency\n\nDue to the complicated nature of bundling the Monaco Editor, the plugin currently relies on\na hosted version of the editor. This means that the plugin needs an internet connection to\nwork, and has a dependency on the hosted editor, which is currently available on\nhttps://embeddable-monaco.lukasbach.com.\n\nI hope to remove this dependency in the future, but this was the easiest way to get the\nplugin to work for now.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukasbach%2Fobsidian-code-files","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flukasbach%2Fobsidian-code-files","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukasbach%2Fobsidian-code-files/lists"}