Switching to visual editor removes part of code

  • When I edit Section1 default content, switching to visual editor removes part of code.

    Original code:

    <div class="banner-box">

<h1>Powerful One page Theme</h1>
<div class="sub-title">Based on Bootstrap framework and Shortcodes, quick set and easy build,
shines one page small business website.</div>
<div class="banner-scroll"><a class="scroll" href="#about" data-section="about"><img src="https://www.mageewp.com/onetone/wp-content/themes/onetone/images/down.png" alt="" /></a></div>
<div class="banner-sns">
<ul class="">
	<li><a href="#"><i class="fa fa-2 fa-facebook"> </i></a></li>
	<li><a href="#"><i class="fa fa-2 fa-skype"> </i></a></li>
	<li><a href="#"><i class="fa fa-2 fa-twitter"> </i></a></li>
	<li><a href="#"><i class="fa fa-2 fa-linkedin"> </i></a></li>
	<li><a href="#"><i class="fa fa-2 fa-google-plus"> </i></a></li>
	<li><a href="#"><i class="fa fa-2 fa-rss"> </i></a></li>
</ul>
</div>
</div>

    After switching to visual editor:

    <div class="banner-box">

?
<h1>Powerful One page Theme</h1>
<div class="sub-title">Based on Bootstrap framework and Shortcodes, quick set and easy build,
shines one page small business website.</div>
<div class="banner-scroll"><a class="scroll" href="#about" data-section="about"><img src="https://www.mageewp.com/onetone/wp-content/themes/onetone/images/down.png" alt="" /></a></div>
<div class="banner-sns"></div>
</div>

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

  • the code looks fine. not sure why it would strip it like that? maybe because your list items are empty?

    does it happen when you switch from text to visual and then back to text? if you leave it in text mode does it still strip it?

    Thread Starter narelly

    (@narelly)

    The lis items are the social icons actually. Check my site pls: https://test3.narelly.com/.
    Yes, it happens when I switch to visual and then back. If I leave it in text mode, I can save it and works fine.

    I can see that the list items are social, but in code perspective they are empty…nothing between the tags. im just guessing though. try filling in some blanks, like giving the unordered list a class name and maybe putting at least a character between the list item tags. just to rule that out.

    Thread Starter narelly

    (@narelly)

    The thing is, that I have installed the same template on another site, and I do not have the same problem there.

    different version of wordpress? different version of TinyMCE? just for giggles, try adding a period(.) inside your li tags and switching back and forth from text to visual. at the very least you will find/eliminate a cause to your problem

    I have the same problem!
    The WYSIWYG editor just strips my whole list completely, even with text between the
    li tags. Very annoying.

    Thread Starter narelly

    (@narelly)

    couldn’f find the sollution so far… compared everything between the two sites, no success.

    Sorry I was in the wrong section, I don’t use the onetone theme, but I did discover that this solution still works: https://www.leighton.com/blog/stop-tinymce-in-wordpress-3-x-messing-up-your-html-code

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Switching to visual editor removes part of code’ is closed to new replies.