{"id":28423496,"url":"https://github.com/nriver/image-zoom-widget","last_synced_at":"2025-06-25T09:31:04.347Z","repository":{"id":271651242,"uuid":"914145338","full_name":"Nriver/image-zoom-widget","owner":"Nriver","description":"Zoom image on click.","archived":false,"fork":false,"pushed_at":"2025-03-26T06:15:32.000Z","size":1624,"stargazers_count":17,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-05T09:08:38.800Z","etag":null,"topics":["trilium","trilium-plugin","trilium-widget"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nriver.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":"2025-01-09T03:07:47.000Z","updated_at":"2025-04-23T07:43:54.000Z","dependencies_parsed_at":"2025-03-10T07:21:02.823Z","dependency_job_id":"5f46140a-0ea8-4a06-92d3-3730ad2df4ea","html_url":"https://github.com/Nriver/image-zoom-widget","commit_stats":null,"previous_names":["nriver/image-zoom-widget"],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/Nriver/image-zoom-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fimage-zoom-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fimage-zoom-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fimage-zoom-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fimage-zoom-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nriver","download_url":"https://codeload.github.com/Nriver/image-zoom-widget/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nriver%2Fimage-zoom-widget/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261844410,"owners_count":23218340,"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":["trilium","trilium-plugin","trilium-widget"],"created_at":"2025-06-05T09:08:34.513Z","updated_at":"2025-06-25T09:31:04.338Z","avatar_url":"https://github.com/Nriver.png","language":"JavaScript","funding_links":["https://ko-fi.com/nriver"],"categories":[],"sub_categories":[],"readme":"# image-zoom-widget for Trilium Notes :)\n\n[中文说明](README_CN.md)\n\nPlease stand up and stretch your body for a while if you see this message :)\n\n[![Support Me on Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/nriver)\n\n**Enhance Your Image Viewing Experience in Trilium**\n\nThis plugin brings advanced image preview functionality to Trilium Notes. Click on images to zoom them. You can zoom in and out with the mouse wheel, drag images around, and close the preview by clicking outside the image or pressing `Esc`.\n\n# Screenshots\n\nClick to zoom image. Scale with mouse wheel.\n\n![image zoom](docs/image-zoom.webp)\n\nRight click on zoomed image to download it.\n\n![image download](docs/image-download.webp)\n\nConfigurable initial image zoom scale, e.g. 140% of the original image size.\n\n![image download](docs/initial-zoom-in.webp)\n\nLarge images will automatically zoom out to fit the screen.\n\n![image download](docs/initial-zoom-out.webp)\n\nYou can access the original image popup menu with right click.\n\n![image download](docs/right-click-popup.webp)\n\nYou can copy the image data to clipboard and paste it.\n\n![image download](docs/copy-image.webp)\n\nUnlike using `Ctrl + C` in Trilium, which doesn't allow pasting images into other software, this widget enables you to copy an image and paste it into applications like Microsoft Word, WPS Office, and more.\n\n![image download](docs/copy-image-to-word.webp)\n\nP.S. The theme used in the screenshot is [Bing Daily Theme](https://github.com/Nriver/bing-daily-theme) which is also made by me. You can have a try if you like it : )\n\n# How to Install\n\n1. Download the zip file from [release page](https://github.com/Nriver/image-zoom-widget/releases).\n2. Right-click the note tree in Trilium and select *Import*, then uncheck `Safe Import`.\n3. Restart Trilium Notes or press `ctrl+r` to reload the interface.\n4. Open any note with images and click on them to see the zoom preview in a modal.\n5. Enjoy zooming and dragging your images!\n\n# Hints\n\n1. Images will scale with the mouse wheel and can be dragged around in the preview modal.\n2. Press `Esc` to exit the preview, or click outside the image to close it.\n3. You can customize the zoom configuration in the `config` subnote.\n\n# Why I Made This?\n\nIn Trilium Notes, images are an essential part of organizing visual content. However, Trilium lacks a native zoom feature for images, which can make it difficult to view details in high-resolution images. To enhance the image viewing experience, I created this plugin to provide smooth zooming, dragging, and closing functionalities.\n\nI wanted to make it easier for users to interact with images directly within their notes without the need for external viewers or clunky workarounds.\n\nThis plugin is especially useful for people who regularly work with images in Trilium and want a more dynamic way to explore their content.\n\n# Donation\n\nIf you appreciate this plugin, consider supporting me. Your contributions are highly appreciated!\n\nKo-fi:  \n[![Support Me on Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/nriver)\n\nAlipay:  \n![Alipay](https://github.com/Nriver/trilium-translation/raw/main/docs/alipay.png)\n\nWechat Pay:  \n![Wechat Pay](https://github.com/Nriver/trilium-translation/raw/main/docs/wechat_pay.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnriver%2Fimage-zoom-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnriver%2Fimage-zoom-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnriver%2Fimage-zoom-widget/lists"}