CKEditor - 表示されません

Question

私はplay2でjavaで書かれた私のウェブサイトにckeditorを統合しようとしています。

今、私はjavascriptファイルをダウンロードし、サンプルを読み込みました。

私はまた、サンプル

<form action="sample_posteddata.php" method="post"> 
     <label for="editor1"> 
      CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label> 
     <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</textarea> 
     <script type="text/javascript"> 
     //<![CDATA[ 

      CKEDITOR.replace('editor1', 
       { 
        fullPage : true, 
        extraPlugins : 'docprops' 
       }); 

     //]]> 
     </script> 
    <p> 
     <input type="submit" value="Submit" /> 
    </p> 
</form> 

からまったく同じ形式を使用ししかし、それは動作しません

<script type="text/javascript" src="/assets/javascripts/ckeditor.js"></script> 

ckeditor.js重要な部分であることを考え出し、それだけで通常のレンダリングテキストエリア。私はtwitterのブートストラップ+ jquery 1.7.1を使用しています。

多分私は重要な部分を見落としましたか？

Answer 1

あなただけckeditor.jsファイルのソースパスが正しくない場合、あなたはエラー「CKEditorバージョン定義されていません」を取得することがあり、このスクリプト

<script type="text/javascript"> 
    CKEDITOR.replace("editor1"); 
</script> 

Answer 2

を使用する必要があります。試してみてください.....

<script type="text/javascript" src="../assets/javascripts/ckeditor.js"></script> 

Answer 3

ckeditorの設定に問題が発生した場合は、ページの読み込みが遅くなる可能性があります。 CKEDITOR.replace（ "editor1"）を呼び出す必要があることを示します。 backbone.jsを使用すると、この問題が発生します。旅行の後の希望はあなたを助けるでしょう。私は同様の問題があった

コード

jQuery(document).ready(function() { 
    CKEDITOR.replace("editor1") 
}); 

Answer 4

は、それはあなたがコンソールに見れば財産CKEDITOR.basePathとしなければならなかった、あなたが正しいにbasePathをプロパティを設定しなければならないことを意味Uncaught TypeError: Cannot set property 'dir' of undefinedのようなエラーが表示されます場所....

Answer 5

私は正確に同様の条件を発見した、と要素は、私はあなたがckeditor.js以上が必要だと思う

Answer 6

を動作させるために、id属性を持っている必要がありますように見えます。 これらのリソースも追加するとうまくいくはずです。

<link rel="stylesheet" href="assets/css/ckeditor/contents.css" rel="stylesheet"> 
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor.css" rel="stylesheet"> 
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor_gecko.css" rel="stylesheet"> 
<script src="assets/js/ckeditor/ckeditor.js" type="text/javascript"></script> 
<script src="assets/js/ckeditor/styles.js" type="text/javascript"></script> 
<script src="assets/js/ckeditor/config.js" type="text/javascript"></script> 
<script src="assets/js/ckeditor/lang/en.js" type="text/javascript"></script> 

Answer 7

私は解決策を持って、それはあなたのビューのコントローラ内部で動作し、コントローラのコード内

Answer 8

をあなたのスクリプトコードを投稿する必要があります。これは、ちょうどckeditor.jsを含むことはしていない場合、あなたが必要なものはかなりあります作品は：

<script> 
      var CKEDITOR_BASEPATH = window.location.origin + '/.../CKEditor/'; 
</script> 

ここはマニュアルに記載されています：私は時間にそれを置くとき、これは私の問題を解決し

http://docs.ckeditor.com/#!/guide/dev_basepath私のhtmlのeadセクション。