Can no longer add links to images

@derrickhand300
8 years ago
1,353 posts

Somewhere along recent updates -inside the tinymce editor I can no longer select an image thats placed in an article and add a link to it- the mouse will not allow highlighting images and the image editing box that was loading beneath the highlighted image is no longer appearing
Thanks
updated by @derrickhand300: 08/10/17 06:32:55PM

@paul
8 years ago
4,335 posts

Have just tried this and it works ok for me. I tried it in a blog.
What exactly are you doing?

--
Paul Asher - JR Developer and System Import Specialist

Strumelia
@strumelia
8 years ago
3,603 posts

"inside the tinymce editor I can no longer select an image thats placed in an article and add a link to it- the mouse will not allow highlighting images and the image editing box that was loading beneath the highlighted image is no longer appearing"

I'm seeing the same thing.
I go to a post (my own or someone else's) that has an image embedded inside it... click to EDIT the post. Then in the editor window i click on the image and no longer get the 'edit/delete' drop down little option, and no longer even get the handles on the highlighted image in order to drag it larger or smaller. I can still edit the post's text just fine...but not the image.
For example, in this thread, JR Team if you still have my login, try editing any post that has an embedded image:
https://fotmd.com/forums/forum/off-topic-discussions/15188/pets-and-dulcimers
...I can no longer easily edit the image if I go to edit a post.

--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
updated by @strumelia: 04/28/17 02:32:13PM

SteveX
@ultrajam
8 years ago
2,584 posts

Using Elastic and all current versions I see all the editing options but when trying to add a link to an image can't save the link.

In the browser console:

Quote:
too much recursion[Learn More] map.js:12:385
too much recursion[Learn More] map.js:12:385
IndexSizeError: Index or size is negative or greater than the allowed amount

Every time I click the link Save button IndexSizeError happens/increments

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

SteveX
@ultrajam
8 years ago
2,584 posts

The image options seem to be working fine for me though.

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

Strumelia
@strumelia
8 years ago
3,603 posts

On FF i get the image resizing handles when highlighting the image, but no edit/delete options. On Chrome I don't even get the handles to resize.
My skin is a ninja-based customized clone.

--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

@derrickhand300
8 years ago
1,353 posts

Im using it in a site builder module

@michael
8 years ago
7,788 posts

Bet its the HTML content in the editor.

GUESS: You've copy+pasted the contents to tinymce and there is other weird elements that came along for the ride. Something about those other html elements is preventing you from clicking on the image you want to link.

use the CODE button in the tinymce editor to see the HTML of that page to look for what the issue might be.

A way to test this is to open a new editor and add JUST an image and then try to link that. If it links, then the issue is not the linking, the issue is the content of the other editor.

SteveX
@ultrajam
8 years ago
2,584 posts

Mine was with a single sentence and an image

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

@michael
8 years ago
7,788 posts

@ultrajam cant replicate here, got a url? whats map.js? any javascript errors in console? any red stuff in HTML source?

SteveX
@ultrajam
8 years ago
2,584 posts

No url but its close to unmodified on jamroom hosting. I'm not using the blog or tiny mce, jsut gave it a test after reading this thread.
Map.js is from a googlemaps field, so I removed that field and still the same problem.
The quote above are the errors in the browser console.
No html errors - its an unmodified blog update form in an unmodified elastic.

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

@michael
8 years ago
7,788 posts

can see it happening, will figure out why and fix. Thanks.

SteveX
@ultrajam
8 years ago
2,584 posts

Additionally, if I rotate or flip the image and save the blog then the image is deleted from the blog post. No console or log errors.

I have also checked that on a beta 6.1.0b1 site, and flipping or rotating the image also deletes it when updating. However, the link works perfectly in beta.

--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

@derrickhand300
8 years ago
1,353 posts

Its deleting mine also-I am not copying and pasting code with strange characters...Im creating all the code and uploading the image inside the editor
Any idea what I need to roll back to get functionality again? Thanks

Strumelia
@strumelia
8 years ago
3,603 posts

Yeah, it's frustrating. I can no longer easily reduce the size of an embedded image buy just pulling the handles, when a member embeds a huge jpg into a post. That's the issue I noticed right away...and as Curtis wrote, "the image editing box that was loading beneath the highlighted image is no longer appearing"...that's on both FF and Chrome for me.

--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

@brian
8 years ago
10,149 posts

I've just tested adding links to images here (running 6.1) and I'm seeing no issues, so I suspect this is a bug in the TinyMCE package that's part of 6.0.7. I can also grab the image and resize no problem as well.

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@derrickhand300
8 years ago
1,353 posts

Thanks Brian
Is there a specific module to roll back? I know there is not a module for tinymce...so would be need to roll back the core update?
Thanks

@brian
8 years ago
10,149 posts

derrickhand300:
Thanks Brian
Is there a specific module to roll back? I know there is not a module for tinymce...so would be need to roll back the core update?
Thanks

You could, but the problem is that we don't update TinyMCE with every core release - only every couple months. You would have to roll back all the way to Core 6.0.0b5 to get the older version of TinyMCE.

How long has this been an issue? Makes me think something else is interfering with the functionality.

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@derrickhand300
8 years ago
1,353 posts

Just noticed it a few days ago...I have not made any changes to the tinymce....but now images are not clickable- the box to edit the images is not appearing and this morning when I tried to add something it deleted the image altogether...had to use "Control-Z" to get the code back

@derrickhand300
8 years ago
1,353 posts

anywhwere that we could download the tinymce folder from ahile back and upload it to the server without having to roll back so many updates?

@brian
8 years ago
10,149 posts

Upgrading to the latest TinyMCE is pretty easy - give me a bit here to put together a ZIP of the latest - you can then manually install that into the modules/jrCore/contrib/tinymce directory.

If that fixes it great - if not, then there's something else going on on your site that is interfering with it (likely Javascript).

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@brian
8 years ago
10,149 posts

OK - download this ZIP file and unzip it on your computer - it will create a single directory called "tinymce". Upload it to your Jamroom site and OVERWRITE the existing modules/jrCore/contrib/tinyce directory.

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
updated by @brian: 05/01/17 08:56:24AM

@michael
8 years ago
7,788 posts

Yes, uploading that tinymce.zip file does fix the issue in both Firefox and Chrome.

--edit--
INFO: That version of tinymce.zip is included in JR6.1 currently in beta.
updated by @michael: 05/02/17 01:32:45AM

@derrickhand300
8 years ago
1,353 posts

Thank you guys

Strumelia
@strumelia
8 years ago
3,603 posts

CURTIS- Did that work for you?- are you now getting the 'edit' window and the resizing handles back in your embedded images on Chrome and FF?

Before I apply this I'll need to dig back in time to find where I tweaked the tnymce editor code to make the editor menu the way i like it, so I can tweak it again after this update. --I just wanted to check if this update worked for Curtis before i go digging for my old tweaks. That old thread is here somewhere... =8-\
Thanks!

--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

@derrickhand300
8 years ago
1,353 posts

Not sure- cant log into my site since I added the HTTPS- still waiting on a fix for that problem

@brian
8 years ago
10,149 posts

Strumelia:
Before I apply this I'll need to dig back in time to find where I tweaked the tnymce editor code to make the editor menu the way i like it, so I can tweak it again after this update. --I just wanted to check if this update worked for Curtis before i go digging for my old tweaks. That old thread is here somewhere... =8-\
Thanks!

I'm suspecting you did NOT change any of the actual tinymce Javascript code - you probably just customized the "editor.tpl" file in the ACP -> System Core -> Templates section.

The ZIP file I posted is not related to that file.

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@derrickhand300
8 years ago
1,353 posts

Strumelia:
CURTIS- Did that work for you?- are you now getting the 'edit' window and the resizing handles back in your embedded images on Chrome and FF?

Before I apply this I'll need to dig back in time to find where I tweaked the tnymce editor code to make the editor menu the way i like it, so I can tweak it again after this update. --I just wanted to check if this update worked for Curtis before i go digging for my old tweaks. That old thread is here somewhere... =8-\
Thanks!

I just checked...I can highlight the image now and add a link to it and it has the handles on the sides to resize...im not seeing the dropdown box below the image- but I never use that part...Hope that helps

Strumelia
@strumelia
8 years ago
3,603 posts

Brian- I think maybe you are right about that! I check on that when i have a moment, hopefully tonight.

Curtis- the highlight/link/handles functions would be all I really need- so that's good news, thank you! Will try to get to this update this evening... am working most of today under a deadline.

--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

Strumelia
@strumelia
8 years ago
3,603 posts

This fix worked. Although I no longer get the handy "Edit/Delete" drop down box when highlighting/selecting the embedded image. Unlike Curtis, i used that a lot. But I can live without it.
Just real happy to be able to select the image and grab the image handles to resize it in place again!
Thanks for the solution.

--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

solved Can no longer add links to images

Tags