ckEditor在應用程序面板基礎中的位置不起作用

我正在使用Foundation for App和ckEditor構建應用程序，該應用程序意味着幫助人們展示他們的小說，然後編寫它。ckEditor在應用程序面板基礎中的位置不起作用

要做到這一點，我已經把那CKEDITOR來自當它呼叫時的屏幕左側的面板中，但我發現了一個「類型錯誤：A $ parentNode爲空」錯誤CKEDITOR

我的頁面之中：

<body style="overflow:hidden;"> 
    <div class="grid-frame"> 
     <div zf-panel="" id="editor"> 
      <textarea name="editorArea" id="editorArea" rows="10" cols="80"> 
       This is my textarea to be replaced with CKEditor. 
      </textarea> 
     </div> 
     <div ng-controller="rightBarController"> 
      <div ng-show="rightBarVisibility"> 
      <ul class="vertical primary menu-bar expand" id="rightBar"> 
       <li><a ui-sref="organigram"><img zf-iconic="" icon="person" size="medium" class="iconic-color-primary"></a></li><!-- Persos --> 
       <li><a ui-sref="frises"><img zf-iconic="" icon="flag" size="medium" class="iconic-color-primary"></a></li><!-- Frises --> 
       <li><a ui-sref="articles"><img zf-iconic="" icon="comment-square" size="medium" class="iconic-color-primary"></a></li><!-- Articles --> 
       <li><a ui-sref="chapitres"><img zf-iconic="" icon="document" size="medium" class="iconic-color-primary"></a></li><!-- Chapitres --> 
       <li><a><img zf-iconic="" icon="dashboard" size="medium" class="iconic-color-primary"></a></li><!-- projets --> 
       <li><a ui-sref="about"><img zf-iconic="" icon="action" size="medium" class="iconic-color-primary"></a></li><!-- about--> 
      </ul> 
      </div> 
     </div> 
     <ui-view class="grid-block" style="margin-bottom: 50px"></ui-view> 
    </div> 
</body> 
<script> 
    CKEDITOR.replace('editorArea'); 
</script>

我怎樣才能得到它的工作？

來源

2016-06-13 remnil

您是否編寫了以下代碼來包含CKeditor？如果不是，請將其添加到此文件的頂部。

<script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>

您的代碼爲我工作

來源

2016-06-13 14:00:48

當然我所添加的JS在html。它適合你嗎？在左邊的zf面板？ – remnil

ckEditor在應用程序面板基礎中的位置不起作用

回答

相關問題