CKEditor - Wird nicht angezeigt

Question

Ich versuche den Ckeditor in meine Website zu integrieren, die in Java mit play2 geschrieben wurde.

Jetzt habe ich die Javascript-Dateien heruntergeladen und die Beispiele gelesen.

ich dachte, dass der wichtige Teil ist ckeditor.js

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

habe ich auch genau die gleiche Form aus den Proben

<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> 

Aber es nicht funktioniert, macht es nur eine normale Textarea. Ich benutze twitter bootstrap + jquery 1.7.1.

Vielleicht habe ich einen wichtigen Teil übersehen?

Answer 1

Sie müssen nur dieses Skript

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

Answer 2

Wenn der Quellpfad der ckeditor.js Datei nicht korrekt ist, verwenden, dann können Sie den Fehler „CKEditor nicht definiert“ erhalten. Versuchen Sie das .....

Answer 3

Wenn Sie Probleme beim Setup ckeditor bekommen, kann Ihre Seite langsam geladen werden. Zeigen Sie, dass Sie CKEDITOR.replace ("editor1") aufrufen müssen. Wenn Sie backbone.js verwenden, erhalten Sie dieses Problem. Hope folgende Ausflüge werden Ihnen helfen.

Code

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

Answer 4

Ich hatte ein ähnliches Problem, hatte es mit der Eigenschaft CKEDITOR.basePath zu tun, wenn Sie in der Konsole aussehen und einen Fehler wie Uncaught TypeError: Cannot set property 'dir' of undefined sehen, dass bedeutet, dass Sie die basePath Eigenschaft auf den richtigen setzen haben Lage ....

Answer 5

ich habe den genauen ähnlichen Zustand gefunden, und es sieht aus wie das Element benötigt

Answer 6

ich glaube, Sie als ckeditor.js mehr zu arbeiten id-Attribute, um zu benötigen. Fügen Sie diese Ressourcen hinzu und es sollte funktionieren.

<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

Ich habe Lösung und es in der Steuerung Ihrer Ansicht funktioniert und Sie sollten Ihre Script-Code in der Steuerung Code

Answer 8

Das ist ziemlich viel schreiben, was Sie brauchen, wenn nur einschließlich ckeditor.js nicht der Fall ist Arbeit: http://docs.ckeditor.com/#!/guide/dev_basepath

das ist mein Problem gelöst, wenn ich es in der h setzen:

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

es ist hier in der Dokumentation beschrieben EAD Abschnitt meiner HTML.