Inline picture in version 7.6.1 as a reply to earlier post

First Click Reply and Use Full Editor

[Linked Image]

Use attachment manager to upload images. Attached files show as a listing in Attachment manager with a very small thumbnail.

[Linked Image]


Right-click the thumbnail and copy the URL. Note that the URL is for the tiny thumbnail in a temp location so it is not usable in the post text

Code
https://www.ubbcentral.com/forums/tmp/2520.jpg

While writing the post there is no way to copy the URL for the full image or to display the full image and copy the URL.


[Linked Image]

So then we click "Post Reply" and we can see a series of thumbnails across the bottom in the attachment manager section.

[Linked Image]

Right-click the thumbnails and copy the image URL (It actually is the URL to the full size image) or left click the image to display in the lightbox. Right-click the image and copy the image address URL.

[Linked Image]

Open a text editor and paste the link. You do this because it is a lot easier to harvest the URLs all at once and hold them for a later step.

Code
https://www.ubbcentral.com/forums/ubbthreads.php/ubb/download/Number/2519/filename/ExampleUseFullEditor.jpg

https://www.ubbcentral.com/forums/ubbthreads.php/ubb/download/Number/2520/filename/Example%20Attachment%20Manager.jpg

https://www.ubbcentral.com/forums/ubbthreads.php/ubb/download/Number/2521/filename/ExampleOriginalPostBeforeSubmit.jpg

Collect the image address URLs for each uploaded image

Click Edit to add to your original post. Note that thumbnails are not shown in the attachment manager area. If you click Attachment Manager you see tiny thumbnails but right-click and copy the image address and you will see it is the URL for the thumbnail, not the full image.

Code
https://www.ubbcentral.com/forums/files/2519.jpg

Return to your edits

Place the cursor in a location where you want your image to display.

Click the inline image button at the top of the editor (I would insert an image here but this forum allows a maximum of 5 attachment)

Copy the URL of the image you want to show inline from your text editor list and paste it into the field in the popup box and click OK. You now have a valid image tag in the location where you want the image to display in the text.

Code
[img]https://www.ubbcentral.com/forums/ubbthreads.php/ubb/download/Number/2519/filename/ExampleUseFullEditor.jpg[/img]

Repeat for all the other attachments you want to display inline.

There must be a way to streamline this process?

In order of preference:
Place cursor where you want the image to display. Display thumbnails in the edit post attachment manager section (not the popup box). Right-click on thumbnail and see an option to paste URL as image tag at cursor location. URL must be the final location and not a temp location.

Modify inline image button to allow listing of URLs for images in attachment manager. Select from list and OK creates image tags with URL (final location).

When initially writing the post provide a way to obtain the URL for the full size image in its final location. If possible allow the author an option to view the full image. Right-click and copy the URL to the clipboard so it can be pasted into the inline image button URL box.

Two Step Option (Post Reply to move images to final location. Then edit post and insert image tags with the correct URLs

Write post and attach images then Post Reply. Edit the post and have a method to copy image URLs inot image tags as described above.

Abbott
Attachments
Example Attachment Manager.jpg

Last edited by Abbott; 08/16/2017 4:31 PM.