Editor from text to visual information missing

  • Hi all,
    When I edit a post and switch from text to visual and back information is gone. It is always the same; all information between a certain div.

    So before switching

    <div id="social">
<a target="_blank" href="#" class="FbUrlImg" title="Facebook link"></a><a target="_blank" href="#" class="TwUrlImg" title="Twitter link"></a><a target="_blank" href="#" class="InUrlImg" title="LinkedIn link"></a><a target="_blank" href="#" class="GpUrlImg" title="GooglePlus link"></a><a target="_blank" href="#" class="PiUrlImg" title="Pinterest link"></a>
</div>

    After switching

    <div id="social">
</div>

    Anyone an idea?

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

  • Yes. You need *something* inside the anchor tags.
    Try even a blank space inside the anchor tags.

    This appears to save when switching between text, visual, and text again in my testing (note the spaces inside the anchor tags):

    <div id="social"><a class="FbUrlImg" title="Facebook link" href="#" target="_blank">?</a><a class="TwUrlImg" title="Twitter link" href="#" target="_blank">?</a><a class="InUrlImg" title="LinkedIn link" href="#" target="_blank">?</a><a class="GpUrlImg" title="GooglePlus link" href="#" target="_blank">?</a><a class="PiUrlImg" title="Pinterest link" href="#" target="_blank">?</a></div>

    Is there a reason there is no text inside your anchor tags?

    Thread Starter Damiaan van Vliet

    (@damnsharp)

    Hi Richard, thanks for reply! It looks promising but I tried it and at my test site no luck. I will show you the code I used now.

    <div id="social">
<a target="_blank" href="#" class="FbUrlImg" title="Facebook link"> </a> <a target="_blank" href="#" class="TwUrlImg" title="Twitter link"> </a> <a target="_blank" href="#" class="InUrlImg" tle="LinkedIn link"> </a> <a target="_blank" href="#" class="GpUrlImg" title="GooglePlus link"> </a> <a target="_blank" href="#" class="PiUrlImg" title="Pinterest link"> </a>
</div>

    About your question, in CSS the class e.g. FbUrlImg point to Facebook image and .FbUrlImg:hover for the hover image. So there is no text needed.

    Kindly use this

    <div id="social">
<a target="_blank" href="#" class="FbUrlImg" title="Facebook link">&nbsp;</a><a target="_blank" href="#" class="TwUrlImg" title="Twitter link">&nbsp;</a><a target="_blank" href="#" class="InUrlImg" title="LinkedIn link">&nbsp;</a><a target="_blank" href="#" class="GpUrlImg" title="GooglePlus link">&nbsp;</a><a target="_blank" href="#" class="PiUrlImg" title="Pinterest link">&nbsp;</a>
</div>

    This will work.

    Thread Starter Damiaan van Vliet

    (@damnsharp)

    Great!! That’s it ??
    So thanks Richard and GreyParrots.
    Could you explain me why this needs this way?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Editor from text to visual information missing’ is closed to new replies.