Obsidian Stats logoObsidian Stats

Photopea Editor

by KarmaToast40340
5
4
3
2
1
Score: 52/100
Install Code

Description

Category: 3rd Party Integrations
#image-editing#photopea#media-integration

The Photopea Editor plugin integrates the online image editor Photopea into Obsidian, enabling users to edit PNG and JPG images directly within the app. By replacing the default image viewer with an embedded Photopea interface, it streamlines the image editing process without disrupting the Obsidian workspace. Users can make edits, save changes, and re-import images into their vault manually. The plugin supports seamless editing for PNG, JPG, and JPEG formats, and plans to expand its capabilities with automated saving and additional format support in the future.

Reviews

No reviews yet.

Stats

4
stars
890
downloads
1
forks
486
days
513
days
514
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
12
commits

Latest Version

1.0.0
a year ago

Changelog

See all version on GitHub

README file from

Github

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!

Sponsors