CKEditor - Không hiển thị

Question

Tôi đang cố gắng tích hợp ckeditor vào trang web của tôi được viết bằng java với play2.

Bây giờ tôi đã tải xuống các tệp javascript và đọc mặc dù các mẫu.

I figured rằng phần quan trọng là ckeditor.js

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

Tôi cũng sử dụng hình thức chính xác tương tự từ các mẫu

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

Nhưng nó không hoạt động, nó chỉ làm cho một bình thường textarea. Tôi đang sử dụng twitter bootstrap + jquery 1.7.1.

Có lẽ tôi đã bỏ qua một phần quan trọng?

Answer 1

Bạn chỉ cần sử dụng kịch bản này

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

Answer 2

Nếu đường dẫn nguồn của tập tin ckeditor.js là không đúng thì bạn có thể nhận được lỗi "ckeditor không xác định". Hãy thử điều này .....

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

Answer 3

Nếu bạn gặp sự cố khi thiết lập ckeditor, có thể trang của bạn tải chậm. Cho thấy bạn cần gọi CKEDITOR.replace ("editor1"). Khi bạn sử dụng backbone.js, bạn sẽ gặp phải vấn đề này. Hy vọng các chuyến đi sau đây sẽ giúp bạn.

đang

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

Answer 4

Tôi đã có một vấn đề tương tự, nó đã phải làm với các tài sản CKEDITOR.basePath nếu bạn nhìn vào giao diện điều khiển và thấy một lỗi như Uncaught TypeError: Cannot set property 'dir' of undefined đó có nghĩa là bạn cần phải thiết lập thuộc tính basePath cho đúng vị trí ....

Answer 5

tôi đã tìm được điều kiện tương tự chính xác, và có vẻ như yếu tố cần phải có id thuộc tính để làm việc

Answer 6

tôi nghĩ rằng bạn cần nhiều hơn ckeditor.js. Thêm các tài nguyên này và nó sẽ hoạt động.

<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

tôi đã nhận giải pháp và hoạt động bên trong bộ điều khiển của quan điểm của bạn và bạn sẽ gửi mã script của bạn bên trong mã điều khiển

Answer 8

này là khá nhiều những gì bạn cần khi chỉ bao gồm ckeditor.js không công việc:

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

nó được mô tả trong tài liệu ở đây: http://docs.ckeditor.com/#!/guide/dev_basepath

này giải quyết vấn đề của tôi khi tôi đặt nó trong h ead phần của html của tôi.