Interactivetools.com Forum: Older Forums & Discontinued Products: Page Publisher: Select Image

Home: Older Forums & Discontinued Products: Page Publisher:
Select Image

doey
User

Feb 11, 2008, 8:54 AM

Post #1 of 10 (1082 views)
Shortcut

Select Image	Can't Post

Hi There

I am looking to upload images through PP and I have come across a few questions. Firstly I am looking for the tutorial that is mentioned a number of times within the forums. The link given is below but it doesn't work. Can I get my hands on it please as it my save me from asking any other questions.

http://www.interactivetools.com/products/pagepublisher/tutorials/wysiwyg_image_upload.html

I was also wondering about altering the image sizes, if required.

Damien

Jake
Staff / Moderator

Feb 12, 2008, 2:20 PM

Post #2 of 10 (1075 views)
Shortcut

Re: [doey] Select Image [In reply to]	Can't Post

Hi Damien,

Thanks for your post!

Since that tutorial has been removed from our site, I'll post it here for you:

Page Publisher Tutorial: Uploading images within the WYSIWYG editor

This tutorial is going to outline the steps needed to allow image uploading right through Page Publisher's WYSIWYG editor. There are several files in the zip file attached to this post that you'll need to complete this tutorial.

Please let us know if you need assistance setting this up on your site. You can post to the forum or fill out a support request, or even give us a call.

We also offer a Priority Consulting service if you would prefer for us to set this up on your site. To inquire, send us an email or call 1-800-752-0455.

1. directory.cgi
This is a little helper script that needs to be configured, then uploaded to the same folder as pp.cgi on your webserver. You'll be opening it up with a text editor and making two changes. First, find these lines:

# Upload URL and Dir (CHANGE THESE TO MATCH YOUR SERVER)
my $uploadURL = "http://www.yoursite.com/pp/uploads/";
my $uploadDIR = "C:/www/pp/uploads/";

The $uploadURL will need to be the web path to your uploads folder and the $uploadDIR will need to be the full directory path on your server for the uploads folder.

To get a better idea of what the $uploadDIR needs to be, take a look at the "program dir" of the Server tab in Setup Options.

Once you make those to changes, upload directory.cgi to the same folder as pp.cgi and give it "755" permissions if you are using a UNIX server and world read/execute if you are on a Windows server.

2. editor_config.js
This is the TinyMCE config file and it can be found at /pp/images/tiny_mce/. For this step, log onto your server and download /pp/images/tiny_mce/. You'll be enabling the advanced image tool. To do that, find this line:

plugins : "table, fullscreen, contextmenu"

and add "advimage" to it like this:

plugins : "table, fullscreen, contextmenu,advimage"

3. _select_menus.html
This is one of Page Publisher's interface templates. Take the template from your zip attachment, and find this line:

var uploadPath = "http://www.yoursite.com/pp/uploads/";

That will need to be the URL to your uploads folder. It's actually the same URL you used in step one, so you can use that as a reference. After making the change, upload that file to your /pp/templates folder.

4. image_page.html
For this step, you'll need to add a new page to Page Publisher that just has an image_select tag on it. You'll find one in the zip file called image_page.html. Once it's been added go back to Update Pages list and click on the update button for the page you just created. Up in the URL now, you'll see something like this:

http://www.yoursite.com/cgi-bin/pp/pp.cgi?editpage=7

Make a note of the number you see at the end there. In this case it's a 7. One neat thing you can do so that no one actually edits this page is just assign it to a user account that no one can log in with using the admin link.

5. image.htm
This page is what controls the popup for selecting images. Take the new copy in the zip file and go to line 65.

Look for the onclick attribute of the button. The first part of it will look like this:
http://www.yoursite.com/cgi-bin/pp/pp.cgi

Change just that part so it points to your pp.cgi. Then, find this part:
thispagenum=1

Change the 1 there to the number you made a note of in step 4.

Next, find the iframe on line 66. The source of this iframe will need to be the URL for directory.cgi. You can get this easily by going to your login page for Page Publisher and changing pp.cgi to directory.cgi in the URL bar.

After making the change, upload this to /pp/images/tiny_mce/plugins/advimage/

6. editor_plugin.js
No changes are needed with this file. Simply upload the editor_plugin.js (included in the zip file) to your server here:
/pp/images/tiny_mce/plugins/advimage

7. All done
And that's all there is to it. Make sure to take your time going through this and feel free to send in an email if you get stuck anywhere.
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.

Attachments:

pp_editor_upload_images.zip (6.38 KB)

john@pascoe.net
User

Apr 20, 2008, 9:55 PM

Post #3 of 10 (688 views)
Shortcut

Re: [Jake] Select Image [In reply to]	Can't Post

I followed your instructions. There is one thing I wish was avaible and that is: On the general tab of insert image url there is no browse button. That would make it easy to find the photo on your computer.

can this be added??

JJ

MikeB
Staff / Moderator

Apr 21, 2008, 10:23 AM

Post #4 of 10 (687 views)
Shortcut

Re: [john@pascoe.net] Select Image [In reply to]	Can't Post

Hi John,

Thanks for the post!

With this tutorial, when the pop-up window comes up in the WYSIWYG editor you have the ability to add an image. When you do this, you should be able to browse your local computer to find the file that you'd like to upload. Is this something that would work for you and is this not how things are currently working for you?

I look forward to hearing from you! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

john@pascoe.net
User

Apr 21, 2008, 10:42 AM

Post #5 of 10 (685 views)
Shortcut

Re: [MikeB] Select Image [In reply to]	Can't Post

That is correct

The box pops up for the image but no browse button

thanks

JJ

MikeB
Staff / Moderator

Apr 21, 2008, 1:52 PM

Post #6 of 10 (681 views)
Shortcut

Re: [john@pascoe.net] Select Image [In reply to]	Can't Post

Hi John,

Thanks for the update!

I'd like to have a look at this myself to see what you have set up so far and how this works and it'd be great if you could fill out a Support Request form on our site here:

https://www.interactivetools.com/support/email_support.cgi

These FTP details should allow me to get connected to the server and have a look at the same thing as you in your installation of Page Publisher.

I look forward to hearing from you! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

john@pascoe.net
User

Apr 28, 2008, 12:30 AM

Post #7 of 10 (659 views)
Shortcut

Re: [MikeB] Select Image [In reply to]	Can't Post

I have re-worked the steps and it appears that it is working as far as uploading photos with the browse button.

What I have noticed is all the photos go to a folder that all the people can access. It does not go to folder specific upload directory that I have for each person.

So any body in the program can access all of the photos with the dropdown in the image manager. Is this by design of have I missed a step.

Thanks

JJ

MikeB
Staff / Moderator

Apr 28, 2008, 11:05 AM

Post #8 of 10 (653 views)
Shortcut

Re: [john@pascoe.net] Select Image [In reply to]	Can't Post

Hi John,

Thanks for posting, I'm glad to hear that this is working now!

Because all of the WYSIWYG editors use the same "image_select" tag on this new page you've created (step 4) there isn't a way to set this up so each WYSIWYG uploads it's files to a different directory. All of the files that are uploaded through the WYSIWYG will end up in the same folder on the server.

If you have any other questions or comments, just let me know! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

john@pascoe.net
User

May 3, 2008, 9:35 PM

Post #9 of 10 (624 views)
Shortcut

Re: [MikeB] Select Image [In reply to]	Can't Post

Is there a way to upload several image_page_1.html image_page_2.html ect. You would have matching image.htm.

In the image_page_1.html you would put there upload directory for there own folder



Right now it does not matter What I put in the upload directory of image_page.html, it all goes to the upload folder. The folder has many photos and is getting diffacult to find the one you uploaded

I wanted to use this because it is hard for my clients to upload the correct size image. They take it from the camera and can upload it easy with wsiwig. If I just use the image select tag in the pages how will they reduce the photo then upload it with the correct pixel. That would be a several step process.

jj

Jake
Staff / Moderator

May 4, 2008, 10:13 PM

Post #10 of 10 (616 views)
Shortcut

Re: [john@pascoe.net] Select Image [In reply to]	Can't Post

Hi John,

The way this add-on is currently set up doesn't allow for using multiple "image_page.html" files, since the path to this page is hard-coded in the image.htm file mentioned in the tutorial. You're welcome to try adapting this to upload files in multiple directories, however this isn't really something we can offer support on.

Let us know if you need anything else. Smile

-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

Search for (options)