爲什麼CKEditor不顯示？

Question

這裏是我的html：

<div> 
    {% for simpler in post.simpler_set.all %} 
     {% if simpler.coeficient == i %} {% autoescape off %} 
     <div class="jumbotron {{simpler.parent_list}}" id="{{simpler.id}}"style="display:{{simpler.display}};">{{simpler.author}}: <br/><br/> 
      {{simpler.simpler}} 
      <div align="right"> 
       <button type="button" class = "btn btn-success reqsimp" id="{{simpler.id}}">Ask for Simpler.</button> 
      </div> 
      <div align="right"> 
       <h3> 
        <div style="padding-right:20px;color:#808080;" class="glyphicon glyphicon-chevron-down"></div> 
        <div class="glyphicon glyphicon-align-center" style="padding-right:20px;color:#808080;"></div> 
        <div class="glyphicon glyphicon-chevron-up" style="color:#808080; display:none; padding-right:20px;"></div> 
        <div class="glyphicon glyphicon-trash" style="color:#808080; padding-right:20px;"></div> 
        <div class="glyphicon glyphicon-ok" style="color:#808080; padding-right:20px; display:none;"></div> 
        <div class="glyphicon glyphicon-remove" style="color:#808080; padding-right:20px; display:none;"></div> 
       </h3> 
      </div> 
      <div align="center"> 
       <textarea class="ckeditor" cols="80" rows="8" style='display:none;'></textarea></input>{% csrf_token %} 
      </div> 
      <div align="center"> 
       <button type="button" data-post='{{post.id}}' class="btn-primary addsimp" id="{{simpler.id}}" align="center" style="display:none;">Add Simpler.</button> 
      </div> 
     </div> {% endautoescape %} 

我已經包含在這個Django的模板ckeditor.js。

我已將類ckeditor添加到文本區域。

爲什麼CKeditor文本區域不顯示？

Answer 1

您是否在html中添加了此腳本？

<script>    
    CKEDITOR.replace('.ckeditor'); 
</script> 

和

<script type="text/javascript"> 
    //For configuring toolbar, not necessary if I remember correctly 
    CKEDITOR.editorConfig = function(config) 
    { 
     config.toolbar = 'MyToolbar'; 
     config.toolbar_MyToolbar = 
      [  
      ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Scayt', 'image'], 
      ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'] 
      ]; 
    }; 
</script>