Другое содержимое видно и мигает во время tinymce loading

Question

У меня есть textarea и кнопки под ним. Я добавляю редактор tinymce в это текстовое поле. Однако, когда страницы загружаются в первый раз, пользователь может видеть что-то вроде мигания. Он видит кнопки, и только тогда появляется редактор wysiwyg, и под ним подталкиваются кнопки.

Мой HTML:

<div class="middle"> 
     <form method="post" id="doc_form" target="somwhere"> 
      <textarea name="doc_text"><?php echo $file; ?></textarea> 
      <input type="hidden" name="submitted" id="submitted" value="1" /> 
     </form> 
     <a id="doc_send_email" class="btn">SEND</a> 
     <a id="pritn_pdf_btn" class="btn">Print <span class="span_pdf">PDF </span></a>     
    </div> 

Таким образом, когда пользователь открывает веб-страницу, он может видеть кнопку SEND и кнопку PRINT для некоторых мс. Как с этим бороться?

EDIT: Ответ ниже в порядке. Другим вариантом может быть создание текста div aroud с предопределенной высотой.

Answer 1

Вы можете добавить style="display: none;" на вас кнопки, а затем сделать это в вашей конфигурации TinyMCE:

tinymce.init({ 
    ... 
    setup: function(editor) { 
     editor.on('init', function(e) { 
      $("#doc_send_email").css("display", "block"); 
      $("#pritn_pdf_btn").css("display", "block"); 
     }); 
    } 
});