2017-07-15 89 views
0

我使用的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'} 
    ] 
}); 

此代碼提供了以下結果:

enter image description here

正如你所看到的,第一個工具欄中有一個空白區域,但第二個是OK。如何解決這個問題?

+0

我沒有得到任何這樣類型的問題 http://fiddle.tinymce.com/xVfaab –

+0

這通常是由於某種CSS的與包含TinyMCE的頁面發生衝突。如果你刪除所有的自定義CSS,問題就消失了嗎?理想情況下,您可以創建一個簡單的TinyMCE小提琴,以展示問題的實際應用。 –

+0

似乎是Django的管理bug。 – arts777

回答

1

我有一個類似的問題與Django無關。看起來,菜單項正在拾取之前浮動元素的浮動位置。包裝你的textarea有style="clear:both;"

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