Der leere Raum in TinyMCE Symbolleiste

Ich verwende letzte Version von TinyMCE 4. Initialisierung Code:Der leere Raum in TinyMCE Symbolleiste

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

Dieser Code ergibt folgendes Ergebnis:

Wie Sie sehen können, In der ersten Symbolleiste befindet sich ein leerer Bereich, aber der zweite ist OK. Wie behebe ich das?

Quelle

2017-07-15 arts777

Ich bin nicht diese Art von Problem bekommen http://fiddle.tinymce.com/xVfaab –

Diese Regel aufgrund einer Art von CSS wäre Konflikt mit der Seite, die TinyMCE enthält. Wenn Sie alle Ihre benutzerdefinierten CSS entfernen, verschwindet das Problem? Im Idealfall könnten Sie eine einfache TinyMCE Fiddle erstellen, die das Problem in Aktion zeigt. –

Scheint Django-Admin-Fehler zu sein. – arts777

Ich hatte ein ähnliches Problem nicht mit Django verwandt. Es scheint, dass die Menüpunkte die Float-Position eines früheren schwebenden Elements aufnahmen. Wickeln Sie Ihre Textarea mit einem style="clear:both;"

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

Quelle

2018-02-28 19:16:31

Der leere Raum in TinyMCE Symbolleiste

Antwort

Verwandte Themen