2017-08-17 111 views
0

我在textarea上使用CKEditor。無論何時載入頁面,textarea都會以適當的形式呈現爲CKEditor。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> 

由於一噸提前!

回答

2

您可以使用CKEDITOR.editor.instanceReady事件來實現:

CKEDITOR.replace('editor1', { 
    on: { 
     instanceReady: function(evt) { 
      document.getElementById('board').style.visibility = 'hidden'; 
     } 
    } 
}); 

Working fiddle

+0

沒錯。當編輯器實例完全初始化時,會觸發instanceReady事件,並在其處理程序中刪除微調器。 –