2016-06-13 32 views
0

我正在使用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> 

我怎样才能得到它的工作?

回答

0

您是否编写了以下代码来包含CKeditor?如果不是,请将其添加到此文件的顶部。

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

您的代码为我工作

+0

当然我所添加的JS在html。它适合你吗?在左边的zf面板? – remnil

相关问题