Built in Editor is replacing some call to bootstrap codes

Currently running ERPNEXT : v10.1.45
Why does the Website module input HTML editor keep forcibly replacing some of my bootstrap related codes?

Example:

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
  <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
  <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>

Becomes:

 <ul class="nav nav-tabs">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#menu1">Menu 1</a></li>
  <li><a href="#menu2">Menu 2</a></li>
</ul>

Any way i can turn off this auto filter feature?

Thank you in advance for your kind attention

I think this is a common problem with WYSWIG editor? Encounter similiar issue when using wordpress.

Any idea where is the ERPNEXT WYSWIG editor is installed? Maybe I can fiddle with it and disable the auto-filter.

Thanks to Google.

Apparently I found the solution to this, according to this wonderful posts here:
https://github.com/frappe/erpnext/issues/9100

So basically adding a:
<!-- markdown -->
At the start of the HTML page will stop the auto filtering of HTML codes, and thus solve the issue.

3 Likes