Ticket #13410 (confirmed Bug)

Opened 3 years ago

Last modified 3 years ago

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.

Change History

comment:1 Changed 3 years ago by kleist

  • Status changed from new to confirmed
  • Component changed from Unknown to Visual Editor
Note: See TracTickets for help on using tickets.