CKEditor - nie pokazuje się

Question

Próbuję zintegrować CKeditor z moją stroną internetową napisaną w Javie z play2.

Teraz pobrałem pliki javascript i przeczytałem próbki.

Pomyślałem, że ważnym elementem jest ckeditor.js

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

użyłem również dokładnie taką samą formę z próbek

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

Ale to nie działa, to po prostu świadczy to normalne textarea. Używam programu bootstrap twitter + jquery 1.7.1.

Może przeoczyłem ważną część?

Answer 1

Wystarczy użyć tego skryptu

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

Answer 2

Jeśli ścieżka źródło pliku ckeditor.js nie jest poprawne wtedy może pojawić się błąd „CKEditor nie zdefiniowany”. Wypróbuj to .....

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

Answer 3

Jeśli pojawi się problem z konfiguracją programu CKeditor, może to oznaczać, że strona ładuje się powoli. Pokaż, potrzebujesz połączenia CKEDITOR.replace ("editor1"). Kiedy używasz backbone.js, otrzymasz ten problem. Miej nadzieję, że następujące wyjazdy pomogą.

kod

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

Answer 4

miałem podobny problem, że miał do czynienia z właściwością CKEDITOR.basePath jeśli spojrzeć w konsoli i zobaczyć błąd jak Uncaught TypeError: Cannot set property 'dir' of undefined oznacza, że ​​trzeba ustawić właściwość basePath do prawidłowego lokalizacja ....

Answer 5

znalazłem dokładnej podobną sytuację, i wygląda na to, że element musi mieć atrybuty id aby pracować

Answer 6

myślę, że trzeba więcej niż ckeditor.js. Dodaj te zasoby również i powinno działać.

<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

mam rozwiązanie i działa wewnątrz kontrolera widoku i trzeba pisać kodu skryptu w kodzie kontrolera

Answer 8

to dość dużo, co trzeba po prostu tym ckeditor.js nie praca:

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

Jest opisane w dokumentacji tutaj: http://docs.ckeditor.com/#!/guide/dev_basepath

to rozwiązać mój problem, kiedy i umieścić go w godzinę ead sekcja mojego html.