ckeditor - Ckfinder で Ckfinder を使用するにはどうすればよいですか?

Question

私は自分のプロジェクトで Ckeditor を使用しました。うまくいきました。テキストに画像を入れることはできますが、URLを使用します。PC から写真をアップロードするには、CKfinder を使用する必要があることはわかっています。Ckfinder で Ckfinder を使用するにはどうすればよいですか?

このコードを使用して CKeditor を呼び出します。

 protected void Page_Load(object sender, EventArgs e)
{
    String StrScript = "CKEDITOR.replace( '" + TextBox1.ClientID + "',{toolbar : 'Full'});";
    ClientScript.RegisterStartupScript(this.GetType(), "Ck-Js/ckeditor", StrScript, true);

}

ありがとう。

score 5 · Accepted Answer

セットアップが完了するまでに約 5 分かかります。

CKEditor と CKFinder をダウンロードします。
以下のように、抽出した両方のコードを xampp 内の 1 つのフォルダーに配置します。

以下のコードのように、エディターを含むインデックスファイル (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
|_統合
    |_ckeditor
    | | |_config.js
    | | |_...
    |_ckfinder
    | | |_config.php
    | | |_...
    |_アップロード
    |_index.html

ckfinder 内で config.php ファイルを開き、次の変更を行います。

function CheckAuthentication() {
    return true;
}
$baseUrl = 'http://localhost/integrated/uploads/';
$enabled = true;
$config['SecureImageUploads'] = false;
$config['ChmodFolders'] = 0777 ;

URLhttp://localhost/integrated/を開いて画像をアップロードしてみてください。

score 2 · Accepted Answer

CKFinder と CKEditor を使用したいと思います。これを試してください。

score 1 · Accepted Answer

CKFinder と CKEditor の統合にまだ問題がある場合は、代わりに KCFinder ( http://kcfinder.sunhater.com/ ) を使用してみてください。

CKFinder とすべて同じ機能を備えていますが、無料でオープンソースであり、インストールとセットアップがはるかに簡単です。(個人的には、CKFinder を正しくインストールすることができませんでした....)

KCFinder のインストール手順は、http://kcfinder.sunhater.com/install にあります。

統合手順はこちら: http://kcfinder.sunhater.com/integrate

score 1 · Accepted Answer

https://ckeditor.com/ckeditor-4/download/

ckfinderをダウンロードして、両方を1か所に配置してから

<textarea class="ckeditor" id="editor1"></textarea>

このコードを footer.php に配置するか、ページに直接配置する

CKEDITOR.replace( 'editor1', {
    filebrowserBrowseUrl: 'https://example.com/admin/ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl: 'https://example.com/admin/ckfinder/ckfinder.html?type=Images',
    filebrowserUploadUrl: 'https://example.com/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
    filebrowserImageUploadUrl: 'https://example.com/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images'
});

ckfinder/config.phpファイルを開いて変更を加えます

$config['authentication'] = function () {
  return true;
};

$config['backends'][] = array(
  'name'         => 'default',
  'adapter'      => 'local',
  'baseUrl'      => 'https://example.com/admin/ckfinder/userfiles/',
  //  'root'         => '', // Can be used to explicitly set the CKFinder user files directory.
  'chmodFiles'   => 0777,
  'chmodFolders' => 0755,
  'filesystemEncoding' => 'UTF-8',
);

それだけです、それは私のために働きます。
これが役に立った場合は、評価してください

ckeditor - Ckfinder で Ckfinder を使用するにはどうすればよいですか?

4 に答える 4

Related

Reference