HTML links in photo captions?

johncellsworth · 2014-12-28 23:33:19

Is there a way to enter hot links in photo captions so when displayed in a CE4 gallery, they work? Thanks.

rod barbee · 2014-12-29 02:32:21

yes. In the Library module you need to enter the html in the metadata field you're using for your caption.
Like so:
<a href='http://www.yoursite.com'>Link text</a>

for some reason, using the usual double quote processes out to the html escape character of " upon export, which of course won't work.

There are probably some good reasons for not including html in the captions, like for SEO, but it does seem to work.

johncellsworth · 2014-12-29 03:15:25

Hi Rod. I tried your suggestion but all the code still appears on my html page. Have a look:
http://johnellsworthphoto.com/image/gal … single.php

I tried a simpler link as well. Same results. Code shows. When in the slide-mode, the words "Sagittarius Fire" appear with no code. But when I click it, all icons disappear. My links are supposed to show full white #FFFFFF as in the footnote.
Thanks. If it can't be done, I'll figure something else out. I appreciate it.

rod barbee · 2014-12-29 04:31:11

I don't know why it's not working. It works in my tests. What's weird is that for me, Lightroom is changing any double quotes into the html escape characters. I see this happening in the caption when I surround regular works with quotes. Your double quotes are showing up fine in your caption though.

In Site Info, under Page Setup, take a look at the Character set. I'm using utf-8 and the hyperlinks in the captions are working.

johncellsworth · 2014-12-29 08:33:16

Thanks for checking, Rod. I do have the same character set (utf-8). I appreciate your time. You provide a great service. I will let it ride for awhile. Will work on other things.

Matthew · 2014-12-29 15:41:47

It's not weird, it's a feature. See the CE4 Gallery 6.1.3 update:

"Sanitization of ampersands, quotation marks and line-breaks in image titles, captions, and in the grid's metadata display, and in the Album Title and Description."

Sanitizing metadata prevents titles and captions containing quotation marks from breaking img alt and title attributes, and also keeps the Galleria slideshow running in Pages and Stage.

Image metadata should not be used to store HTML, as this is not the intent for metadata in general or in Lightroom's design.

johncellsworth · 2014-12-30 09:09:22

I understand, Mat. I was confused—In my former TTG HTML galleries, I was able to insert links in the caption field, say for paypal ordering info or a link to a corresponding blog entry: http://johnellsworthphoto.com/galleries … -cafe.html
Can you suggest any other method of entering a link on an image page without corrupting the metadata attributes?
If not, no problem. Thanks.

Matthew · 2014-12-30 15:45:25

Nope.

Writing links -- or any type of HTML -- via metadata has never been a supported feature in any of our galleries. It sometimes worked simply because we did absolutely nothing to filter metadata content in the past. We are now sanitizing some entities for more valid HTML and to prevent code breakages. For example, you may now safely use quotation marks in caption text, which previously was disallowed.

johncellsworth · 2014-12-30 15:51:20

OK, thanks. Nothing to contest here. I have some other avenues to employ regarding my desire to link associated information on my website (as I rebuild it). Likely from my blog to the photo, rather than vice versa. I appreciate your responsiveness.

rod barbee · 2014-12-31 00:05:04

Matthew wrote:

For example, you may now safely use quotation marks in caption text, which previously was disallowed.

Maybe this is why I thought it was weird. The only type of quotation marks that will appear for me are single quotes. If I use double quotes I get the html escape code: ". This shows up in the Web Module as well as in online galleries.

see the captions on the two images in this test gallery: http://ce4.barbeephoto.com/galleries/caption-test/

I'm using Windows, if that might make a difference.

Matthew · 2015-01-01 21:37:35

That's bloody odd, Rod. Works okay for me. I shouldn't think Windows should make difference, but then it's Windows ...

Anyone else reading this that might corroborate Rod's experience?

rod barbee · 2015-01-01 23:31:14

tried it on my Windows laptop too. Same results

trummonte · 2015-01-02 00:46:31

Hi Matt. I just tested on my Windows notebook (Windows 8.1) with the latest version of Chrome, Firefox, and IE. It does what Rod is saying.

Daniel Leu · 2015-01-02 04:32:29

This is Chrome on a Mac:

I get the same result with Safari. The code is:

<strong>&amp;#34;Rainbow Bridge&amp;#34;</strong>

Looks like the ampersand shouldn't be escaped.

rod barbee · 2015-01-02 04:34:42

Daniel,

this is coming out of Lightroom on a Windows machine. So I see the problem in Lightroom as well as on the web.

Daniel Leu · 2015-01-02 04:47:34

Rod, looks like Matt has a magic computer so it works for him ;-)

Happy New Year!

rod barbee · 2015-01-02 05:14:31

I think he's on a mac

Matthew · 2015-01-02 10:11:26

And Macs, as we all know, really are magical ...

rod barbee · 2015-01-02 10:16:48

Miracle Macs, perhaps?

Matthew · 2015-01-02 10:53:25

Okay, I've setup a Windows install of LR 5.7.1 and I'm seeing the problem too. Friggin' weird, that is.

Although, the ampersand replacement (& v &) seems to be okay.

Matthew · 2015-01-02 11:13:11

I found the problem. There's an issue in the sequence of instructions for the sanitization, which for some reason is not an issue running on Mac, but which is an issue running on Windows. Go figure ...

Next update will resolve, but if you'd like to fix this yourself in the meantime, do a

Find:

    metadata = string.gsub(metadata, "\"", "&#34;")
    metadata = string.gsub(metadata, "\n", "<br />")

    metadata = string.gsub(metadata, "&", "&amp;")
    metadata = string.gsub(metadata, "&amp;", "&amp;")
    metadata = string.gsub(metadata, "&amp;amp;", "&amp;")

and Replace:

    metadata = string.gsub(metadata, "&", "&amp;")
    metadata = string.gsub(metadata, "&amp;", "&amp;")
    metadata = string.gsub(metadata, "&amp;amp;", "&amp;")

    metadata = string.gsub(metadata, "\"", "&#34;")
    metadata = string.gsub(metadata, "\n", "<br />")

The only difference here is that we're not processing ampersands first, and other things afterward, rather than processing ampersands last.

Ben · 2015-01-02 12:22:30

Interesting. Was this only an issue with metadata that included new lines? If so, it could be because Windows uses two characters for newlines, \r\n, so the newline substitution might not be working as expected and cause adverse results for subsequent replacements.

rod barbee · 2015-01-02 13:26:39

I was testing with just one line of metadata.

Just curious Matt, in what file would that code above be found?

Matthew · 2015-01-02 14:47:20

/lib/lua/setup.lua
/lib/xml/autoindex.xml

Matthew · 2015-01-02 14:49:34

Ben wrote:

Interesting. Was this only an issue with metadata that included new lines? If so, it could be because Windows uses two characters for newlines, \r\n, so the newline substitution might not be working as expected and cause adverse results for subsequent replacements.

I didn't know that about Windows. So I'll try updating with this:

    metadata = string.gsub(metadata, "&", "&amp;")
    metadata = string.gsub(metadata, "&amp;", "&amp;")
    metadata = string.gsub(metadata, "&amp;amp;", "&amp;")

    metadata = string.gsub(metadata, "\r\n", "<br />")
    metadata = string.gsub(metadata, "\n", "<br />")

    metadata = string.gsub(metadata, "\"", "&#34;")

Community @ The Turning Gate

#1 2014-12-28 23:33:19

HTML links in photo captions?

#2 2014-12-29 02:32:21

Re: HTML links in photo captions?

#3 2014-12-29 03:15:25

Re: HTML links in photo captions?

#4 2014-12-29 04:31:11

Re: HTML links in photo captions?

#5 2014-12-29 08:33:16

Re: HTML links in photo captions?

#6 2014-12-29 15:41:47

Re: HTML links in photo captions?

#7 2014-12-30 09:09:22

Re: HTML links in photo captions?

#8 2014-12-30 15:45:25

Re: HTML links in photo captions?

#9 2014-12-30 15:51:20

Re: HTML links in photo captions?

#10 2014-12-31 00:05:04

Re: HTML links in photo captions?

#11 2015-01-01 21:37:35

Re: HTML links in photo captions?

#12 2015-01-01 23:31:14

Re: HTML links in photo captions?

#13 2015-01-02 00:46:31

Re: HTML links in photo captions?

#14 2015-01-02 04:32:29

Re: HTML links in photo captions?

#15 2015-01-02 04:34:42

Re: HTML links in photo captions?

#16 2015-01-02 04:47:34

Re: HTML links in photo captions?

#17 2015-01-02 05:14:31

Re: HTML links in photo captions?

#18 2015-01-02 10:11:26

Re: HTML links in photo captions?

#19 2015-01-02 10:16:48

Re: HTML links in photo captions?

#20 2015-01-02 10:53:25

Re: HTML links in photo captions?

#21 2015-01-02 11:13:11

Re: HTML links in photo captions?

#22 2015-01-02 12:22:30

Re: HTML links in photo captions?

#23 2015-01-02 13:26:39

Re: HTML links in photo captions?

#24 2015-01-02 14:47:20

Re: HTML links in photo captions?

#25 2015-01-02 14:49:34

Re: HTML links in photo captions?

Board footer