加载CKEditor时加载微调器

时间:2017-08-17 16:58:56

标签: javascript jquery css ckeditor

我在textarea上使用CKEditor。每当页面加载时,都会有一个小的延迟,其中textarea正确地呈现为CKEditor。

我希望有一个加载微调器动画显示,而编辑器加载时没有显示textarea,而不是混乱的textarea。

我按照这里提到的方法 - https://ckeditor.com/forums/FCKeditor-2.x/Loading-Animation,但即使编辑器正确呈现后图像仍然保持旋转。此外,我希望textarea /编辑器在最终渲染之前不会显示。

您可以在此处查看小提琴:https://jsfiddle.net/mevzqwsa/10/

<html>
   <body>
      <div id="board" style="position:absolute; left:10px">
         <img src="http://i.stack.imgur.com/MnyxU.gif">
      </div>
      <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>
      <script src="//cdn.ckeditor.com/4.7.1/standard/ckeditor.js"></script>
      <script>
         function FCKeditor_OnComplete(editorInstance) {
           document.getElementById('board').style.visibility = 'hidden';
         }
         CKEDITOR.replace('editor1');
      </script>
   </body>
</html>

提前感谢!

1 个答案:

答案 0 :(得分:3)

您可以使用CKEDITOR.editor.instanceReady事件来完成此操作:

favNumbers = { i : favNumber(i) for i in numbers if n % n == 0 }

Working fiddle