TinyMCE ability to add class to hyperlink

[fourroses666]

I would like to give a class to a hyperlink in TinyMCE.
Would that be possible to add that field? (Maybe its already possible where I'm not aware of.)

---

Also have a less important thing I'd love to be able to do;
That is being able to give a hyperlink to an image instead of a File on the server.

My aim is to add a popup to a link which shows an image of video in a lightbox.
I can do that when the link has a class (popup or video).

[modxuser]

Not sure but this might be what you are looking for:
https://www.tinymce.com/docs/plugins/link/#link_class_list

[fourroses666]

Yes, any idea if this can be added in the Plugin configuration?
In the Custom Parameters?

Maybe @Deesen knows?

[Deesen]

Yes acc. to https://www.tinymce.com/docs/plugins/link/#link_class_list just add to the theme you want:

$this->set('link_class_list', "[
    {title: 'None', value: ''},
    {title: 'Dog', value: 'dog'},
    {title: 'Cat', value: 'cat'}
]", 'json' );

[fourroses666]

I have choosen a custom theme and added the link class but I guess I'm missing something?
TinyMCE stops working after adding that.

/assets/plugins/tinymce4/theme/theme.tinymce4.new.inc.php

[Deesen]

Sorry, " and ' need to be switched, so the right code is below. Tested and works:

$this->set('link_class_list', '[
    {title: "None", value: ""},
    {title: "Dog", value: "dog"},
    {title: "Cat", value: "cat"}
]', 'json' );

[fourroses666]

Works, thanks :))

---

Adding a switch in KCFinder from Files to Images would solve my "problem".
Than its possible to link to images instead of only files.

[Deesen]

Maybe a new button like this helps? It will copy the image-src to the URL-input.

assets\plugins\tinymce4\tinymce\plugins\modxlink\ plugin.min.zip

[risingisland]

I like this idea.
I just added this to tinymce, but the new button is not showing up for me.

[Deesen]

Maybe a browser-cache issue?

[fourroses666]

Is it possible to select an other image from the images folder? Because that would be the best situation in some cases. :-0

So place a thumb and then link to a large image (add class for the lightbox is already possible with the custom theme so thats great) Or when you would like to add a image “lightbox popup” on a hyperlink.

So thats why I thought adding the Files/Images switch in KCFinder was perfect. Some dropdown switch.

But I’m kinda oke with this too. It would help a bit.