From 57417f3794a09eaa80366656496f526c7d92e973 Mon Sep 17 00:00:00 2001 From: Jason Woofenden Date: Fri, 25 Jul 2014 11:08:00 -0400 Subject: [PATCH] clean up admin_images now that there's cke_wfpl_images --- admin_images.html | 45 +++++++++++++++++++++++---------------------- admin_images.php | 4 ++-- 2 files changed, 25 insertions(+), 24 deletions(-) diff --git a/admin_images.html b/admin_images.html index 348c193..050d97c 100644 --- a/admin_images.html +++ b/admin_images.html @@ -8,37 +8,38 @@ -

Image details

+

Details for Image ~caption empty {~~name nonempty {~"~name html~"~}~~}~~caption nonempty {~"~caption html~"~}~

Add another image

Back to images

-

Edit

+

Edit this image

+ +

Uses of this image

+ +

This image does not appear on any pages.

+ +

This image appears on the following page~count s~: ~title html~,

+ +

Instructions

+ +

Now that you've uploaded this image, you can insert it into a page with the page editor. You can get to the page editor from the control panel or by going to a page you'd like to edit, then clicking "Edit this page" at the top.

+ + +

Sizes

+ +

This image is available in the following sizes.

+ +

Note: Currently only the first and last sizes are available in the page editor.

-

Note: This image appears on the following page~count s~: ~title html~,

- -

How to put one of these images on a page

-
    -
  1. Choose which size you want below. If you want a size that is not shown, edit this image and add a new display size.
    2. -
  2. Below the image (at your chosen size) you will see HTML code with a light gray background. Drag (or triple click) to select the HTML code for your desired alignment, and copy it to the clipboard.
    3. -
  3. Open the page editor in another tab (so you can refer to these instructions while you use it.)
    4. -
  4. In the page editor, type "HERE HERE HERE" where you'd like to insert the image, then click the "Source" button at the top/left of the editor.
    5. -
  5. Now you will see the HTML code for the page. Find where it says "HERE HERE HERE", select those three words, then paste over them. You can paste with Ctrl-V (on Mac that's Command-V) or with the Edit menu, but the right-click paste probably won't work.
    6. -
  6. Click the "Source" button again to get back to the normal view. Your image should now be visible in the editor (though you may have to scroll down to see it.)
    7. -
- -
Width: ~width~ pixels, Height: ~height~ pixels
+
Width: ~width~ pixels, Height: ~height~ pixels
~caption nonempty {~~caption html~~}~
-
On the right: (with the page text to the left of it)
<span class="wfpl_ifr" style="background-image: url(~src~); width: ~width~px; padding-top: ~height~px">~caption empty {~&nbsp;~}~~caption nonempty {~~caption html~<br>~}~</span>
-
On the left: (with the page text to the right of it)
<span class="wfpl_ifl" style="background-image: url(~src~); width: ~width~px; padding-top: ~height~px">~caption empty {~&nbsp;~}~~caption nonempty {~~caption html~<br>~}~</span>
-
Centered: (with nothing to either side)
<div class="wfpl_ic" style="background-image: url(~src~); padding-top: ~height~px; width: ~width~px">~caption html~</div>
-
Full Size (centered):
-
~caption nonempty {~~caption html~~}~
-
<div class="wfpl_ic" style="background-image: url(~image image_src~); padding-top: ~image image_height~px">~caption html~</div>
+
Full Size (centered):
+
~caption nonempty {~~caption html~~}~

To display this image smaller, edit this image and enter display size(s).

@@ -52,7 +53,7 @@ -

Add a new imageEdit image "~name html~"

+

Add a new imageEdit image "~name html~"

diff --git a/admin_images.php b/admin_images.php index eebe9ba..7e64aae 100644 --- a/admin_images.php +++ b/admin_images.php @@ -236,12 +236,12 @@ function admin_images_main_form($id = false) { $saved_id = $id; } else { db_insert_assoc('cms_images', $data); - message('Image saved.'); + message('Image saved. Next time you open a page editor, this image will be availble in the "Insert Image" dialog.'); $saved_id = db_auto_id(); } # return user to display page where they can see instructions, etc - return "./admin_images?id=$saved_id"; + return "./admin_images"; } elseif($id) { # we've recieved an edit id, but no data. So we grab the values to be edited from the database -- 1.7.10.4