Я использую опцию шаблона плагина tinyMCE. Я загружаю в шаблон, который работает нормально, однако в нижней части страницы я вижу, что что-то не так;некоторые a-теги с i-тегами внутри них перестраиваются. Это приводит к тому, что представление в конечном итоге выглядит не так, как предполагалось в шаблоне.
Когда я щелкаю шаблон и вижу его в окне предварительного просмотра, я вижу все так, как он был расположен в шаблоне, и поэтому япредполагая, что код верен в окне template-preview-window. Однако, как только я нажимаю «ОК», и шаблон добавляется в окно HTMLEditor, он отображается неправильно. Я уже пытался заставить TinyMCE не проверять мой HTML, добавив это;
valid_elements: "*[*]"
для моей функции tinymce.init () (которая помогла с подобными проблемами, с которыми я сталкивался раньше, но не с этой).
Этот код (взят из шаблона, который я загружаюin);
<h3 class="section-title">
<span> BRAND</span>
<a id="nextBrand" class="link pull-right carousel-nav"><i class="fa fa-angle-right"></i></a>
<a id="prevBrand" class="link pull-right carousel-nav"><i class="fa fa-angle-left"></i></a>
</h3>
Получается этот код после добавления шаблона в HTML-редактор tinyMCE;
<h3 class="section-title">
<span> BRAND</span>
<a id="nextBrand" class="link pull-right carousel-nav"></a><i class="fa fa-angle-right"></i>
<a id="prevBrand" class="link pull-right carousel-nav"></a><i class="fa fa-angle-left"></i>
</h3>
И, как вы видите, a-тег закрывается автоматическии после него добавляется i-tag, что делает его странным, и очевидно, что якорь больше не будет работать.
Есть идеи, как мне обойти эту проблему?