## Edit Photo
[Edit • Photo - The Free Online Photo Editor In Your Browser](https://edit.photo/)
You can embed a photo editor in your app using literally a few lines of code:
```html
<edit-photo style="width:640px;height:480px">
<a href="https://edit.photo/template/eyJsYWJlbCI6Ik15IFBob3RvIEVkaXRvciJ9/">Edit Photo</a>
</edit-photo>
<script src="https://edit.photo/widget.js" async></script>
```
### Widget Configuration
Use the widget to embed an Edit Photo template on your website.
```html
<edit-photo>
<a href="/template/...">Edit Photo</a>
</edit-photo>
<script src="/widget.js" async></script>
```
Style the editor widget with the `edit-photo` selector.
```css
edit-photo {
width: 640px;
height: 400px;
}
```
The `theme` attribute controls the theme of the editor. By default the theme will follow system theme.
```html
<edit-photo theme="dark">
<edit-photo theme="bright">
```
Set the `src` attribute to load a local website image.
```html
<edit-photo src="./my-image.jpeg">
```
Set the `browse` attribute to `false` to disable file input.
```html
<edit-photo browse="false">
```
Set the `locale` attribute to set the language to use for labels.
```html
<edit-photo locale="nl_NL">
```
The following languages are available for use:
- `de_DE`
- `en_GB`
- `es_ES`
- `fr_FR`
- `hi_IN`
- `it_IT`
- `nl_NL`
- `sv_SE`
- `ru_RU`
- `zh_CN`
Set the `ondownload` attribute to a function to get a local URL to the edited file.
```html
<edit-photo ondownload="handleDownload">
<script>
function handleDownload(url) {
const image = new Image();
image.src = url;
document.body.append(image);
}
</script>
```