TinyMCE удаляет классы из элементов ‹span› и ‹i›

В редакторе кода (исходного кода) TinyMCE, когда я хочу добавить элемент span или i с классами (например, когда я хочу добавить значок Font Awesome) — TinyMCE удаляет классы. Например, если я хочу добавить:

<span class="fa fa-university"></span>

в конце у меня будет только:

<span></span>

Кроме того, в редакторе исходного кода я попытался добавить <i class="fa fa-university"></i>, но проблема та же — классы удаляются TinyMCE (<i></i>).

Я использую TinyMCE v4.4.1, и вот мои настройки:

tinymce.init({
    selector: '#body',
    height: 500,
    theme: 'modern',
    plugins: [
        'advlist autolink lists link image charmap preview hr anchor pagebreak',
        'searchreplace wordcount visualblocks visualchars code fullscreen',
        'insertdatetime media nonbreaking save table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern codesample fontawesome noneditable'
    ],
    toolbar1: 'insertfile undo redo | formatselect fontselect fontsizeselect fontawesome',
    toolbar2: 'bold italic underline strikethrough forecolor backcolor removeformat superscript subscript | alignleft aligncenter alignright alignjustify | outdent indent',
    toolbar3: 'code preview | link unlink anchor image media | codesample | bullist numlist table blockquote hr nonbreaking | charmap emoticons | visualchars visualblocks',
    image_advtab: true,
    relative_urls: false,
    extended_valid_elements: 'span',
    content_css: '/css/all.css' // this includes fontwawesome...
});

person PeraMika    schedule 08.08.2016    source источник


Ответы (2)


Попробуйте добавить следующее в конфигурацию TinyMCE:

valid_elements: "*[*]"

Когда я это сделаю, я могу без проблем добавить <span>, на который вы ссылаетесь.

person Michael Fromin    schedule 09.08.2016
comment
Это спасло меня от совершенно другой проблемы. Это должно иметь намного больше голосов. Спасибо - person BrianLegg; 19.01.2017
comment
я также знаю, что это старо, но valid_elements: "*[*]" позволит все. теги сценария и т. д. Следует разрешать только те элементы, которые он / она хочет использовать. Так, как в ответе ниже extended_valid_elements: "span[*]" - person KRONWALLED; 05.03.2020

Я знаю, что это старый вопрос, но это сработало для меня

extended_valid_elements: 'span[*]'
person DevOps    schedule 04.12.2019