最近项目中使用的是tinymce的编译器，编译器的样式和需求要的不统一，导致看起来会比较奇怪，然后就需要去将这里的样式优化一下，因为这是用的插件，在样式的优化方面要涉及到底层的样式了，嵌套的比较深的样式，优化起来是真的比较痛苦。
一：发现需要优化的地方
在使用tinymce的时候，发现固定高度后滚动条的样式用的是浏览器自带的，就会导致跟后台现在的样式有点差异，这种情况肯定是不行的，就需要将这里的滚动条的样式优化成跟后台一样的。
这是更改前编译器的样式。
这是后台全局滚动的样式。
两者的样式差别有点大，很明显的能看出，所有就需要将样式优化统一。
二：优化样式
当时想着优化的时候就去再找了tinymce的文档学习查看，看看有没有什么比较好的解决方式。中文文档在这里，仔细看了一下发现了一个配置，content_css
这里的意思就是说，可以定义一个css文件，将需要修改的样式放到文件中，再引入这个css文件就能达到样式的更改。
我定义的时候是将这个css文件定义到public中的。
然后去tinymce组件的初始化中在配置类这里添加上定义的css文件就可以了。
注意：这里更改的编译器里的样式。
这里是优化后编译器中固定高度后滚动条的样式。
三：总结
关于tinymce编译器的使用，还有很多需要学习的地方，文档是一部分，最主要的是在遇到问题的时候，文档能帮助解决发现的问题。 所以总结下来就是关于tinyMCE的功能还有好多没摸透，只能继续努力啦~
© 版权声明
文章版权归作者所有，未经允许请勿转载，侵权请联系 admin@trc20.tw 删除。
THE END
