Остановить TinyMCE от удаления пустых тегов HTML

Я разрабатываю тему Bootstrap для WordPress, и ее очень сложно реализовать, поскольку Bootstrap использует пустые теги с атрибутами и классами данных, но TinyMCE удаляет пустые теги при сохранении редактируемой мной страницы.

Вот мой код:

<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> 

Это часть карусели Bootstrap.

Теперь я пытаюсь добавить это на свою первую страницу с помощью текстового редактора. Всякий раз, когда я сохраняю страницу, TinyMCE удаляет теги span, которые предназначены для чтения с экрана.

Я попытался много узнать об этом и нашел некоторые решения, такие как использование плагина TinyMCE Advanced или добавление некоторых строк кода в файл functions.php, но ни один из этих решений не работал. Все они были опубликованы много лет назад, и TinyMCE обновил много раз после этого.

Плагин TinyMCE Advanced больше не имеет возможности исключать теги из этой процедуры «очистки».

Solutions Collecting From Web of "Остановить TinyMCE от удаления пустых тегов HTML"