Ticket #13410 (confirmed Bug)
No way to style links in TinyMCE
Reported by: | regebro | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 4.x |
Component: | Visual Editor | Version: | 4.2 |
Keywords: | Cc: |
Description
You can't style <a>-tags with TinyMCE. This is because TinyMCE will not style the link, but it will style the paragraph containing the link, as since the style is set to be a link style, it will instead convert that paragraph to a link and style it, instead of styling the selected link.
Styling <a>-tags is necessary when using lightbox products such as prettyBox, where the <a> link needs to be styled so that lightbox JS code get's attached to it.
There is a workaround for lightboxes: You select the thumbnail image before adding the link, and style the image as a link-style. The surrounding <p> tag will then be converted to an <a>-tag, and you can then open the link dialog to set the target.
But that's a pretty magical hack, and it only works for images that exist in their own paragraph.
The only solution I can think of is to add a style drop-down in the Advanced tab of the link dialog box, so you style links through the dialogbox instead of in the main style drop-down.
I've tried this with Products.TinyMCE 1.2.10 and 1.2.15.