Protect block from Visual Editor

• 

  stormvisions · Member · Oct 20, 2016 at 12:37 am

  • Copy link
  • Add topic to favorites

  <!– begin: chapter summary //–>
  <div id=”chapter-info”>

  • Characters
  • Tyn
  • Location
  • Illia
  • Status
  • <span style=”color:red;”>Draft 1</span>

  </div>
  <!– end: chapter summary //–>

  If I paste this HTML in a page using the text tab, opening the Visual tab in the admin, or clicking the ‘Edit’ icon on the front end will convert this HTML adding additional ul tags around the existing ul block, then adding inner ul tags around each discrete li group (here separated by br tags). Is there a way to ‘protect’ a block of html so it isn’t refactored by the Visual editor?

  Thanks,

  Burt

  The blog I need help with is: (visible only to logged in users)

• 

  stormvisions · Member · Oct 20, 2016 at 12:37 am

  • Copy link

  ‘
  <!– begin: chapter summary //–>
  <div id=”chapter-info”>

  • Characters
  • Tyn
  • Location
  • Illia
  • Status
  • <span style=”color:red;”>Draft 1</span>

  </div>
  <!– end: chapter summary //–>
  ‘

• 

  stormvisions · Member · Oct 20, 2016 at 12:38 am

  • Copy link

  <!-- begin: chapter summary //-->
      <div id="chapter-info">
      <ul>
      	<li>Characters</li>
      	<li><a href="//stormvisions.com/?s=tyn">Tyn</a></li>
      <br />
      	<li>Location</li>
      	<li><a href="//stormvisions.com/?s=illia">Illia</a></li>
      <br />
      	<li>Status</li>
      	<li><span style="color:red;">Draft 1</span></li>
      </ul>
      </div>
      <!-- end: chapter summary //-->