TinyMCE 工具栏中的空 space

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'}
    ]
});

此代码给出以下结果：

如你所见，第一个工具栏是空的space，但是第二个是OK的。如何解决这个问题？

Answer 1

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

包裹你的文本区域

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

TinyMCE 工具栏中的空 space

Empty space in TinyMCE toolbar

javascript

tinymce

tinymce-4