Getting Started

Here is a simple example of adding Picmeleo to a site http://www.picmeleo.com/example/
or your can download the source code for the example example.zip.

1. Sign up for Picmeleo

Sign up with the domain of your site. Your editor will work everywhere on your domain and its subdomains.

<script type="text/javascript">
	var picmeleo = {
		key: "[YOUR API KEY]", 
		receiver: "[YOUR RECEIVER SCRIPT URL]"
	}
</script>
<script type="text/javascript">
	document.write(unescape("%3Cscript src="http://manager.picmeleo.
        com/api" type='text/javascript'%3E%3C/script%3E"));
</script>

3. How to Save Images Back to Your Website

When the editors Save-button is clicked, the image is uploaded to our service. The url of the uploaded image should then be passed on to your receiver script that can download the image from our servers. For example, you receiver script could look like this:
receiver: http://www.example.com/receiver.php

The image name is passed in the HTTP GET parameter called image. For example, if your receiver script is called receiver.php, our service requests your receiver script with url:
http://www.example.com/receiver.php?image=http://my.picmeleo.com/34098234092840.jpg

Then you can use the image-parameter to download the image from our service and save it locally.

4. Open Editor

The editor can be launched anywhere in your layout by calling the picmeleoApi.open method. Your open link could look like this:

<a href="javascript:picmeleoApi.open('')" >Open Picmeleo editor</a>

Pass the url of the image if you want the editor to open with a default image. Omitting the url will open an empty editor.