First, A Funny Story How This Tutorial Came To Be…
Often when I scroll through Divi Facebook groups looking to help others, I see posts about this old pesky random hard-to-describe issue with the text editor Visual tab. I think all of us have faced it at one time or another. So I was literally thinking about writing a tutorial about how to solve this exact issue, and lamenting that it never happens to me anymore. Sad! And suddenly it happened while writing a different tutorial, I kid you not! I started laughing, amused that I hit the jackpot. My wife was upstairs with the girls, wondering what was so funny. I turned on my camera and screen recorder and quickly made the video and solved it live and in real time for you. So here we go, here is how to fix this HTML issue with the Divi text editor.
▶️ Please watch the video above to get all the exciting details! 👆
The Problem
Here is how the text editor looks when you face this issue. The Visual tab changes to this small, odd, HTML box. Normally the HTML is in the Text tab, so you know immediately that something is wrong.
This is how it should look, and how it will look for you in about 10 seconds:
It’s Cache.
Just clear your cache. While in the Visual Builder, press Control/Shift/R to do a hard refresh. The builder will reload, and the issue should be cleared. If not, try exiting the builder, do another hard refresh, then open the builder again. If it still is not resolved, follow the steps in the tutorial linked below.
All done.
VIDEO: Watch the short video above to see this solution live in action!
Check Our Full Guide!
We have a full guide on how to clear Divi website cache, especially if the issue persists!
How To Troubleshoot Divi!
Also, if you have not seen our complete guide on How To Fix Divi then I highly recommend you check that out.
When I create a LIST with HTML ((li>) with Visual enabled and Design Text window open – after I save it, WP or Divi changes it and all of a sudden there are 4 ul’s and many and where I did not put them! I go back to change it and then it changes it again. I do not want to do lists in the CSS window, because I MUST see what I am doing… ? Any ideas?
Hi Kathryn!
Please note that you’re trying to add the HTML to the visual tab. Please add the HTML in the text tab which is along the visual tab.
Let me know if it helps!
I tried doing it and it did not work. Please help
I also noticed that after pasting my formicator code, it does not show on the builder but will show in real-time on the site
Your comment does not seem relevant to this tutorial. If you have anything further, please feel free to clarify.
Thank you for this. That error has been driving me crazy for the last few days.
You’re welcome, I’m glad this could help!