TinyMCE工具栏中的空白区域

Question

我正在使用TinyMCE 4的最新稳定版本。初始化代码：

tinyMCE.init({
    mode: "textareas",
    plugins: "codesample hr lists preview anchor code visualblocks fullscreen",
    toolbar: ['alignleft aligncenter alignright alignjustify alignnone | styleselect formatselect | bold italic blockquote | link unlink',
        'bullist numlist anchor | image | preview | codesample | visualblocks fullscreen code'
    ],
    menubar: false,
    height: 600,
    codesample_languages: [
        {text: 'Java', value: 'java'},
        {text: 'Python', value: 'python'},
        {text: 'HTML/XML', value: 'markup'},
        {text: 'JavaScript', value: 'javascript'},
        {text: 'CSS', value: 'css'},
        {text: 'C', value: 'c'},
        {text: 'C++', value: 'cpp'}
    ]
});

此代码提供以下结果：

如您所见，第一个工具栏中有一个空白区域，但第二个工具栏中没有空格。如何解决这个问题？

Answer 1

我遇到了与Django无关的类似问题。看起来菜单项正在拾取前一个浮动元素的浮动位置。用style="clear:both;"包裹你的textarea

<div style="clear:both;">
    <textarea></textarea>
</div>