TinyMCE 从 和 元素中删除类

Question

在 TinyMCE 的代码（源代码）编辑器中，当我想添加一些带有类的 span 或 i 元素时（例如，当我想添加 Font Awesome 图标时）- TinyMCE 删除了类。例如，如果我想添加：

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

最后我会得到：

<span></span>

此外，在源代码编辑器中我尝试添加  但问题是一样的 - 类被 TinyMCE () 删除。

我正在使用 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: "*[*]"

当我这样做时，我可以毫无问题地添加您引用的 。

Answer 2

我知道这是一个老问题，但这对我有用

extended_valid_elements: 'span[*]'

TinyMCE 从 <span> 和 <i> 元素中删除类

TinyMCE removes classes from <span> and <i> elements

tinymce

font-awesome

wysiwyg

tinymce-4

glyphicons