Link in Text tab stripped from code when I click Visual tab

Resolved klaus78
(@klaus78)

5 years, 1 month ago
Good day. We are working on a site that needs to be kept hidden from the public domain during development so I am not able to provide a link. The problem I am having is related to the slide editor. I need all the elements on a slide to be linked so in the Text tab I added “a href=”my link” (including <>) as the first line and then “/a” (including <>) as the last line of code. When I save the slider the links work fine, but if I switch to the Visual tab and back to the text tab again the link is removed. Do you perhaps have an idea of why this would be happening and how it can be prevented? Thanking you in advance.
- This topic was modified 5 years, 1 month ago by klaus78.
- This topic was modified 5 years, 1 month ago by klaus78.
- This topic was modified 5 years, 1 month ago by klaus78.

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author simonpedge
(@simonpedge)

5 years, 1 month ago

Are you actually using “my link” for the href?
If so then try changing this to an actual link address.

Also try putting ” ” between the opening and closing tabs, e.g.:
Thread Starter klaus78
(@klaus78)

5 years, 1 month ago
Hi Simon. Thank you for the quick response. The href is a working link on the website.

Below is what the code looks like for each slide:
```
<a href="http://mydomain.com/testsite/my-page">
<div><img class="alignnone wp-image-2358 size-full" src="http://mydomain.com/testsite/wp-content/uploads/2019/03/image.jpg" alt="" width="434" height="348" /></div>
<div><style type="text/css">
<div>
<table border="0" width="434" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tbody>
<tr>
<td>
<div> </div>
<div style="text-align: center;"><span class="style2">TITLE GOES HERE</span></div>
<div style="text-align: center; margin-top: -10px;"><img class="size-full wp-image-867 aligncenter" src="http://mydomian.com/testsite/wp-content/uploads/2019/02/image2.png" alt="" width="166" height="7" /></div>
<div style="text-align: center; margin-top: -10px; padding-bottom: 30px;"><span class="style1">Some text goes here<br /> some more goes here...</span></div>
</td>
</tr>
</tbody>
</table>
</div>
</a>
```
The layout remains 100% when edited in Visual or Text tab. It is only the href that is removed when going from Visual to Text in the slide editor.

I hope this information helps. Thank you for your time and help.
- This reply was modified 5 years, 1 month ago by klaus78.
Plugin Author simonpedge
(@simonpedge)

5 years, 1 month ago
This looks a bit dodgy:
```
<div><style type="text/css">
</div>
```
So remove this.

Also it looks like you have an extra “</div>” before the closing “”

Also the “<div> </div>” line is unnecessary – just check that your opening and closing tags match.
Thread Starter klaus78
(@klaus78)

5 years ago

Hi Simon. Thank you for the reply. I have removed the extra DIV tags and cleaned up the code as best I could. The slide still displays as intended, but the removal off the link when moving between Visual and Text tabs still happens.

Here is what happens:

1. I open the slider I want to work on and then it loads in the Visual Tab. I then click on the Text tab and see that my link is missing from the code.
2. I “close” the slider by clicking on the SA Sliders link to reload my list of sliders
3. I go back to my slider which now opens in Text tab with the link in place
4. If you save the slider when in Visual tab then the links are removed.

Can I create a video clip and send it to you to illustrate this better?
Plugin Author simonpedge
(@simonpedge)

5 years ago
Ok I have managed to replicate the problem on my test site with a test slider – when I insert the following in TEXT mode:
```
<h2>Slide 1 - Heading 2 Text</h2>
<a href="https://edgewebpages.com">
<h3>Heading 3 Here</h3>
<p>Paragraph Text Here</p>
</a>
```
and then switch to VISUAL, the link is removed.

Also I created a Test Post and tried the same thing – adding the above code to the post content using the TEXT editor, and then switching to VISUAL.
The same thing happened.
So this seems like a WordPress issue…

This also does NOT work:
```
<h2>Slide 1 - Heading 2 Text</h2>
<a href="https://edgewebpages.com"><h3>Heading 3 Here</h3></a>
<a href="https://edgewebpages.com"><p>Paragraph Text Here</p></a>
```
But this DOES:
```
<h2>Slide 1 - Heading 2 Text</h2>
<h3><a href="https://edgewebpages.com">Heading 3 Here</a></h3>
<p><a href="https://edgewebpages.com">Paragraph Text Here</a></p>
```
So it seems WordPress is somewhat strict on the order used…
- This reply was modified 5 years ago by simonpedge.
Thread Starter klaus78
(@klaus78)

5 years ago

Hi Simon. I also noticed that the third option worked, but having to apply it to ton of slides is not practical so for now we will edit via Text tab and leave it at that. perhaps I can do a search on google under WordPress since you have illustrated clearly that this is a WordPress issue and not plugin related. Thank you for your time, help and for your plugin. Kind regards, Klaus Oellrich

Plugin Author simonpedge
(@simonpedge)

5 years ago

Yes, have a search, and if you find anything (a solution) please post it here. I will also have a look – possibly this has something to do with the new Classic Editor plugin (as a workaround for WordPress’s New 5.0 Block Editor).

Plugin Author simonpedge
(@simonpedge)

5 years ago

Also, have a look at this plugin:
https://wordpress.org/plugins/raw-html/

This plugin allows you define blocks of HTML code within the WordPress editor where automatic WordPress formatting is disabled.

Plugin Author simonpedge
(@simonpedge)

4 years, 11 months ago

Hi ‘klaus78’, I am marking this topic as resolved, as this is a WordPress related issue.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Link in Text tab stripped from code when I click Visual tab’ is closed to new replies.

Tags