TinyMCE 从 和 元素中删除类

Question

在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...
});

Answer 1

尝试将以下内容添加到您的 TinyMCE 配置中:

valid_elements: "*[*]"

当我这样做时，我可以添加 <span>您引用没有问题。