obsidian-plugin/karmatoast40340_photopea-editor
1
0
Fork 0
mirror of https://github.com/karmatoast40340/photopea-editor.git synced 2026-07-22 05:32:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
12 commits 1 branch 1 tag 21 MiB
TypeScript 51.3%
JavaScript 33.1%
CSS 15.6%
Find a file
Mathieu Vermorel 5bbe73d0da
Update styles.css
2024-12-11 14:45:47 +01:00
.editorconfig init 2024-12-09 10:42:35 +01:00
.eslintignore init 2024-12-09 10:42:35 +01:00
.eslintrc init 2024-12-09 10:42:35 +01:00
.gitignore Create .gitignore 2024-12-11 14:32:32 +01:00
.npmrc init 2024-12-09 10:42:35 +01:00
esbuild.config.mjs init 2024-12-09 10:42:35 +01:00
LICENSE Ajout de la licence et mise à jour des fichiers principaux 2024-12-09 11:35:40 +01:00
main.ts Update main.ts 2024-12-11 14:45:26 +01:00
manifest.json Update manifest.json 2024-12-10 22:26:01 +01:00
package-lock.json init 2024-12-09 10:42:35 +01:00
package.json init 2024-12-09 10:42:35 +01:00
README.md Update README.md 2024-12-10 22:25:43 +01:00
styles.css Update styles.css 2024-12-11 14:45:47 +01:00
tsconfig.json init 2024-12-09 10:42:35 +01:00
version-bump.mjs init 2024-12-09 10:42:35 +01:00
versions.json init 2024-12-09 10:42:35 +01:00

README.md

Photopea Editor

Photopea Plugin integrates the powerful online image editor Photopea directly into Obsidian, allowing users to edit PNG and JPG images seamlessly within the app.

Features

  • Automatically opens images in Photopea when clicked in your Obsidian vault.
  • Replaces the default image viewer with the Photopea editor directly within the same panel.
  • Supports PNG, JPG, and JPEG image formats.
  • Retains your workflow by embedding the editor into your Obsidian workspace.

Installation

  1. Download or clone this repository into your Obsidian plugins directory:

    .obsidian/plugins/photopea-plugin

  2. Navigate to Obsidian settings:

    • Go to Settings → Community Plugins.
    • Enable Community Plugins (if not already enabled).
    • Click on "Browse", search for this plugin, and install it.

  3. Enable the Photopea Plugin in your Installed Plugins list.

Usage

  1. Open any PNG, JPG, or JPEG image in your Obsidian vault.
  2. The default image viewer will be replaced with the Photopea editor.
  3. Edit the image directly in Photopea.
  4. Save and export your changes from Photopea when editing is complete.

Technical Details

  • The plugin generates a Data URI of the selected image to load it into Photopea.
  • The Photopea editor is embedded using an iframe that dynamically adjusts to the dimensions of your Obsidian panel.
  • Once you save the image in Photopea, you can re-import it back into your Obsidian vault manually.

Known Issues

  • Saving Changes: Currently, you must manually save the edited image from Photopea and replace it in your Obsidian vault. Automated saving is not yet supported.
  • Large Images: Performance may vary with large image files due to the browser-based nature of Photopea.

Future Features

  • Automatic Saving: Implement seamless saving of edited images directly back into the Obsidian vault.
  • Additional Formats: Add support for more image formats (e.g., GIF, SVG).
  • Custom Scripts: Allow users to define custom scripts for automating tasks in Photopea.

Contributing

We welcome contributions to improve this plugin! Feel free to fork the repository, submit issues, or open pull requests.

License

This plugin is licensed under the MIT License.

Enjoy seamless image editing directly within Obsidian with the Photopea Plugin!