如何解决设置为内联时的 TinyMCE 剥离样式标签
我正在尝试让 TinyMCE (v5.6.2) 在内联模式下使用时允许样式标签,但它不起作用。这是一个演示问题的示例:
tinymce.init({
selector: 'div#default',inline: true,schema: 'html5',valid_children: '+body[style]',fixed_toolbar_container: '#container',plugins: 'code',toolbar: 'code'
});
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5/tinymce.min.js"></script>
<div id="container">
</div>
<div id="default">test</div>
<p>sample</p>
如果您编辑文本源并添加诸如 (p{color:red}) 之类的样式标记,则在您保存源后立即将其删除(因此再次编辑源,它就消失了)。但是,如果您将内联模式更改为 false,那么它会按预期工作。
我相信这是 TinyMCE 的一个错误,但很想知道是否有人遇到过这个问题,是否有任何解决方法?
解决方法
事实证明,解决方案非常简单。因为它是内联的,而且我使用的容器是一个 div,valid_children 属性实际上需要设置为“+div[style]”。我错误地将文档解释为 style 标签不需要是 body 标签的直接后代,可以在后代树中的任何位置;当然我现在知道这是不正确的,因为它必须是直系后代。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。