html - 在tinymce加载期间看到并闪烁的其他内容

Question

我的下面有文本区域和按钮。我正在向此文本区域添加tinymce 编辑器。然而，当页面第一次加载时，用户可以看到类似闪烁的东西。他看到按钮，然后所见即所得编辑器出现，按钮被推到它下面。

我的 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>

因此，当用户打开网页时，他能够在几毫秒内看到按钮“发送”和按钮“打印”。这该如何处理呢？

编辑:下面的答案很好。 另一种选择是在文本周围创建具有预定义高度的 div。

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");
        });
    }
});