सीकेएडिटर -

Question

नहीं दिखाता है मैं जावा में लिखित मेरी वेबसाइट में ckeditor को play2 के साथ एकीकृत करने की कोशिश कर रहा हूं।

अब मैंने जावास्क्रिप्ट फ़ाइलों को डाउनलोड किया है और नमूने हालांकि पढ़ा है।

मैं लगा कि महत्वपूर्ण हिस्सा है

ckeditor.js

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

मैं भी नमूने

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

से ठीक उसी रूप में इस्तेमाल किया लेकिन यह काम नहीं करता है, यह सिर्फ एक सामान्य renders पाठ क्षेत्र। मैं ट्विटर बूटस्ट्रैप + 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.replace ("editor1") पर कॉल करने की आवश्यकता है। जब आप backbone.js का उपयोग करते हैं, तो आपको यह समस्या मिल जाएगी। उम्मीद है कि यात्रा के बाद आपकी मदद मिलेगी।

कोड

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

Answer 4

मैं एक ऐसी ही समस्या थी, यदि आप कंसोल में देखने के लिए संपत्ति CKEDITOR.basePath के साथ क्या और Uncaught TypeError: Cannot set property 'dir' of undefined की तरह एक त्रुटि दिखाई मतलब है कि आप सही करने के लिए basePath गुण सेट करने के लिए किया था स्थान ....

Answer 5

मैं सटीक समान हालत पाया है, और तत्व की तरह आईडी क्रम

Answer 6

मुझे लगता है कि आप ckeditor.js से अधिक की आवश्यकता काम करने के लिए जिम्मेदार बताते हैं की आवश्यकता है यह लग रहा है। इन संसाधनों को भी जोड़ें और इसे काम करना चाहिए।

<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

यह मेरी समस्या हल जब मैं में डाल दिया ज मेरे एचटीएमएल के ईड सेक्शन।