tinymce的编辑栏层级问题

问题

当在 dialog 里面使用 tinymce 的时候，编辑栏的层级会比 dialog 低，而造成编辑栏的选项在 dialog 的后边，甚至发生偏移等问题。

解决方法

找到你使用的编辑主题，然后在主题文件中的 skin.min.css 中查找 z-index ，将层级全部扩大十倍、百倍等，使 tinymce 编辑栏的层级全部大于 dialog 的层级即可，这样编辑栏就会正常显示。

init:{
   skin_url: '/tinymce/skins/ui/tinymce-5',
   language_url: '/tinymce/langs/zh-Hans.js',
   language:'zh-Hans',
   content_css: '/tinymce/skins/content/document/content.css',
   body_class: 'panel-body ',
   branding: false,
   toolbar_mode: "sliding",
   placeholder: '请输入内容....'
}

初始化代码里面，skin_url 就是控制 tinymce 主题的配置，找到主题文件下边的 skin.min.css 文件中的 z-index 扩大100倍即可正常显示。

我的文件中，是将 oxide 和 oxide-drak 进行扩大100倍。