10

CKFinderを新しいCKEditorとどのように統合しますか。

それはウェブサイトで非常に文書化されておらず、私は文字通りどこにも行きません。

ステップバイステップガイドは、私が知る限り、非常に高く評価されます。これは、wysiwygエディター用の唯一の無料/優れた画像アップロードソリューションです。誰かが確認できますか？

ありがとう

4

4 に答える 4

3

CKFinderとCKEditorの統合に関するチュートリアルは、 http ：//www.webshaolin.com/index.php？page = article＆articleid=40にあります。

于 2011-03-11T13:09:13.697 に答える
2

次の手順を実行してみてください。

1.CKEditorとCKFinderをダウンロードします。統合されたコードはhttp://dwij.co.in/ckeditor-ckfinder-integration-using-php/2
で入手できます 。2。両方の抽出されたコードを以下のようにxampp内の1つのフォルダーに入れます。3.以下のコードのようにエディタを含むインデックスファイル（index.html）を作成します。

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

したがって、フォルダ構造は次のようになります。

htdocs
| _integrated
    | _ckeditor
    | | _config.js
    | |_..。
    | _ckfinder
    | | _config.php
    | |_..。
    | _uploads
    | _index.html

  1. 次に、ckfinder内のファイル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. URLhttp://localhost/integrated/を開いて、画像をアップロードしてみてください。
于 2013-05-30T17:04:42.007 に答える
1

サーバー言語のドキュメントサイトを確認してください：http：//docs.cksource.com/CKFinder_2.x たとえば、PHPドキュメントのこの部分：http：//docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

ところで、CKFinderは無料ではありません。使用するには、ライセンスを取得する必要があります。

于 2010-09-03T08:31:48.320 に答える
1

まず、CKEditorに変換するためのテキストボックスが必要です。

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

次に必要なのは、このテキストエディタをCKEditorインスタンスに変換し、このエディタをCKFinderと統合するためのJavaScriptコードです。

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

関数の2番目のパラメーターは、setupCKEditorckfinderをアップロードしたWebサイトのフォルダーである必要があります。

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

于 2012-07-23T00:02:28.620 に答える