The problem is in the backend. If I make something in the preview bold (or style it in any way), it works that specific time I save it. But if I click on it again to make any edits, the styling is changed to viewable code.

Me making something bold: http://prnt.sc/euy758
How it looks in the preview before saving: http://prnt.sc/euy72v

If I click again to make edits: http://prnt.sc/euy6zx
Again, if trying to make edits: http://prnt.sc/euy6ma

Using the text editor/HTML isn’t an option for the client/employees who will be using the visual editor and have 0 experience in HTML. I can get it to work myself that way. But if they click on the accordion to then edit the bottom half, it makes the code in the top half viewable without even touching it. So every time the bottom half is adjusted, the top half needs to be recoded.

This page might be a better example. On the first accordion, I’ve added an h3 to the preview and it shows up as live code rather than styled/header text: http://makingheadway.org/wordpress2017/clinical/