微小的 MCE 内容格式不会将样式放入它创建的跨度中

Tiny MCE content formatting is not putting styles into the spans it creates

本文关键字:创建 样式 MCE 格式      更新时间:2023-09-26

我正在使用TinyMCE Version 4.3.12来编辑Intranet知识库的html。当我尝试更改某些文本的格式时,即使用字体大小下拉列表更改字体大小,编辑器会按原样显示文本。但是,发布后,输出仅显示样式应位于的 span 标记,而这些标记中没有样式。甚至编辑器中的查看源选项也在文本周围显示 span 标签,根本没有样式。有什么办法可以纠正这一点吗?

编辑:这是调用TinyMCE的代码。没有使用特殊代码来转换输出。编辑器中的代码在文本周围显示 span 标记,但这些 span 标记中没有样式。

    $('#editmodal-diag-text').tinymce({
                                    selector: "textarea"
                                    , content_css: 'style.css'
                                    , theme: "modern"
                                    , visual: false
                                    , selector: "textarea:not(.discussionPostBox)"
                                    , plugins: [
                                        "advlist autolink lists link image charmap print preview hr anchor pagebreak adjustlineheight",
                                        "searchreplace wordcount visualblocks visualchars code fullscreen",
                                        "insertdatetime media nonbreaking save table contextmenu directionality",
                                        "emoticons template paste textcolor colorpicker textpattern toggleparent frameset"
                                    ]
                                    , toolbar1: "undo redo | styleselect | bold italic underline strikethrough | link image | alignleft aligncenter alignright | anchor link | lineheight"
                                    , toolbar2: " bullist numlist outdent indent | preview html | forecolor backcolor | removeformat | toggleparent | fontsizeselect | frameset | adjustlineheight"
                                    , inline_styles: true
                                    , verify_html: false
                                    , fix_list_elements: true
                                    , valid_styles: {
                                        '*': '*'
                                    }
                                    , valid_elements: '*[*]'
                                    , forced_root_block: false
                                    }
                                });
您在

配置中使用valid_styles是导致问题的原因。 请看这个 TinyMCE 小提琴:http://fiddle.tinymce.com/q2faab/1

如果您只是注释掉配置的valid_styles部分,则似乎可以正常工作。

我会注意到,您在配置中的一些插件(adjustlineheighttoggleparentframeset)似乎不是标准 TinyMCE 的一部分,因此它们不是小提琴的一部分。 如果事情在小提琴中工作,但没有加载这些插件,则它们也可能导致问题。