2010-09-03 11 views
9

आप सीकेफ़िंडर को नए सीकेएडिटर के साथ कैसे एकीकृत करते हैं।सीकेइंडर के साथ सीकेफ़िंडर को एकीकृत कैसे करें?

यह वेबसाइट पर बहुत ही कम दस्तावेज है, और मुझे सचमुच कहीं भी नहीं मिल रहा है।

एक चरण-दर-चरण मार्गदर्शिका की सराहना की जाएगी, जहां तक ​​मुझे पता है .. यह एक wysiwyg संपादक के लिए एकमात्र मुफ्त/अच्छा छवि अपलोड समाधान है जो कि कोई अच्छा है। क्या कोई पुष्टि कर सकता है?

धन्यवाद

उत्तर

3

आप यहाँ CKEditor साथ CKFinder को एकीकृत पर एक ट्यूटोरियल पा सकते हैं: http://www.webshaolin.com/index.php?page=article&articleid=40

+1

लिंक प्रकट होता है बदल दिया है: http://webshaolin.com/blog/post/40 –

+0

कि लिंक ^^ आंतरिक त्रुटि 500 ​​के साथ जवाब है –

1

चेक अपने सर्वर भाषा के लिए दस्तावेज़ साइट: http://docs.cksource.com/CKFinder_2.x उदाहरण के लिए PHP डॉक्स के इस हिस्से: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

और btw, CKFinder मुक्त नहीं है, आप के लिए एक लाइसेंस प्राप्त करना होगा इसका इस्तेमाल करें।

+0

मैंने सीकेफ़िंडर 3 का उपयोग करने के लिए दस्तावेज़ों की जांच की - और एकीकरण ने काम नहीं किया ... इसके अलावा आप कहते हैं कि यह मुफ़्त नहीं है .. मेह। कोई WYSIWYG संपादक जो छवि अपलोड क्षमताओं जो एक साधारण 3 डोमेन ब्लॉगिंग प्लेटफार्म मैं विकासशील हूँ पर उपयोग करने के लिए नि: शुल्क है है है? धन्यवाद –

1

सबसे पहले आप एक पाठ बॉक्स CKEditor कन्वर्ट करने के लिए होना चाहिए:

<textarea id="newTextArea">Some text</textarea> 

तो आप सभी की जरूरत कुछ जावास्क्रिप्ट के लिए कोड है इस पाठक के रूपांतरण को सीकेएडिटर उदाहरण और सीकेफ़िंडर के साथ इस संपादक का एकीकरण।

<script type="text/javascript"> 
    var newCKEdit = CKEDITOR.replace('newTextArea'); 
    CKFinder.setupCKEditor(newCKEdit, '/ckfinder/'); 
</script> 

setupCKEditor समारोह का दूसरा पैरामीटर अपनी वेबसाइट जहां ckfinder अपलोड किए गए फ़ोल्डर होना चाहिए।

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

2

निम्न चरणों का पालन करके देखें।

1. सीकेएडिटर और सीकेफ़िंडर डाउनलोड करें। एकीकृत कोड http://dwij.co.in/ckeditor-ckfinder-integration-using-php/
पर उपलब्ध हो सकता है 2. नीचे दिए गए xampp के अंदर एक फ़ोल्डर में दोनों का निकाला गया कोड रखें। 3. इंडेक्स फ़ाइल (index.html) जो कोड नीचे के रूप में संपादक युक्त हो जाएगा बनाएँ। ckfinder & मेकअप निम्न परिवर्तन के अंदर

 
htdocs 
|_integrated 
    |_ckeditor 
    | |_config.js 
    | |_... 
    |_ckfinder 
    | |_config.php 
    | |_... 
    |_uploads 
    |_index.html 
  1. अब खुले फ़ाइल config.php:

    function CheckAuthentication() { 
        // WARNING : DO NOT simply return "true". By doing so, you are allowing 
        // "anyone" to upload and list the files in your server. You must implement 
        // some kind of session validation here. Even something very simple as... 
        // return isset($_SESSION['IsAuthorized']) && $_SESSION['IsAuthorized']; 
        return true; // not good option though; go for sessions 
    } 
    $baseUrl = 'http://localhost/integrated/uploads/'; 
    $enabled = true; 
    $config['SecureImageUploads'] = false; 
    $config['ChmodFolders'] = 0777 ; 
    
  2. अब खुला

    <html> 
        <head> 
        <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 
        <script type="text/javascript" src="ckfinder/ckfinder.js"></script> 
        </head> 
        <body> 
         <h1>CKEditor CKFinder Integration using PHP</h1> 
         <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea> 
        <script type="text/javascript"> 
        var editor = CKEDITOR.replace('editor1', { 
         filebrowserBrowseUrl : 'ckfinder/ckfinder.html', 
         filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?type=Images', 
         filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?type=Flash', 
         filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', 
         filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', 
         filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' 
        }); 
        CKFinder.setupCKEditor(editor, '../'); 
        </script> 
        </body> 
        </html> 
    

    तो अपने फ़ोल्डर संरचना कुछ इस तरह हो जाएगा यूआरएल http://localhost/integrated/ और छवि अपलोड करने का प्रयास करें।

संबंधित मुद्दे