36

私は CKEditor を使用していますが、ユーザーがテキスト エディターに画像をアップロードして埋め込むことができるようにしたいと考えています...

次の JS は、CKEditor をロードするものです。

CKEDITOR.replace('meeting_notes', {
    startupFocus: true,
    toolbar: [
        ['ajaxsave'],
        ['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
        ['Cut', 'Copy', 'Paste', 'PasteText'],
        ['Undo', 'Redo', '-', 'RemoveFormat'],
        ['TextColor', 'BGColor'],
        ['Maximize', 'Image']
    ],
    filebrowserUploadUrl: '/notes/add/ajax/upload-inline-image/index.cfm'
});

私が立ち往生しているのはですfilebrowserUploadUrl。このプロセスを機能させるために CKEditor に返すべき URL は何ですか?

ありがとう

4

12 に答える 12

43

URL は、独自のカスタム ファイルブラウザ URL を指している必要があります。

私は自分のプロジェクトの 1 つでこれを既に行っており、このトピックに関するチュートリアルをブログに投稿しています。

http://www.mixedwaves.com/2010/02/integrating-fckeditor-filemanager-in-ckeditor/

このチュートリアルでは、FCKEditor の組み込み FileBrowser を CKEditor に統合する方法について、手順を追って説明します (独自に作成したくない場合)。とてもシンプルです。

于 2010-03-05T04:46:50.497 に答える
14

手遅れかもしれません。あなたのコードは正しいので、filebrowserUploadUrl の URL をもう一度確認してください

CKEDITOR.replace( 'editor1', {
    filebrowserUploadUrl: "upload/upload.php" 
} );

Upload.php ファイル

if (file_exists("images/" . $_FILES["upload"]["name"]))
{
 echo $_FILES["upload"]["name"] . " already exists. ";
}
else
{
 move_uploaded_file($_FILES["upload"]["tmp_name"],
 "images/" . $_FILES["upload"]["name"]);
 echo "Stored in: " . "images/" . $_FILES["upload"]["name"];
}
于 2014-01-05T09:37:08.633 に答える
6

新しい CKeditor にはファイル マネージャーが含まれていません (CKFinder は有料です)。見栄えがよく、CKeditor に簡単に実装できる無料のファイルマネージャーを統合できます。

http://labs.corefive.com/2009/10/30/an-open-file-manager-for-ckeditor-3-0/

ダウンロードして、プロジェクトにコピーします。すべての指示がありますが、基本的には追加された filemanager index.html ページへのパスをコードに入れるだけです。

CKEDITOR.replace( 'meeting_notes',
{
startupFocus : true,
toolbar :
[
['ajaxsave'],
['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
['Cut','Copy','Paste','PasteText'],
['Undo','Redo','-','RemoveFormat'],
['TextColor','BGColor'],
['Maximize', 'Image']
],
filebrowserUploadUrl : '/filemanager/index.html' // you must write path to filemanager where you have copied it.
});

ほとんどの言語がサポートされています (php、asp、MVC && aspx - ashx、...))。

于 2012-11-08T14:04:54.787 に答える
2

私の最新の問題は、CKEditor で画像をアップロードするために CKFinder を統合する方法でした。ここで解決策。

  1. CKEditor をダウンロードし、Web フォルダーのルートに抽出します。

  2. CKFinder をダウンロードし、ckeditor フォルダー内で抽出します。

  3. 次に、CKEditor、CKFinder への参照を追加し、

     <CKEditor:CKEditorControl ID="CKEditorControl1" runat="server"></CKEditor:CKEditorControl>

    あなたのaspxページに。

  4. コード ビハインド ページの OnLoad イベントに、このコード スニペットを追加します。

    protected override void OnLoad(EventArgs e)
{
  CKFinder.FileBrowser _FileBrowser = new CKFinder.FileBrowser();
  _FileBrowser.BasePath = "ckeditor/ckfinder/";
  _FileBrowser.SetupCKEditor(CKEditorControl1);
}

  5. Confic.ascx ファイルを編集します。

    public override bool CheckAuthentication()
{
  return true;
}

// Perform additional checks for image files.
SecureImageUploads = true;

（ソース）

于 2012-08-31T07:23:05.683 に答える
1

Grails ckeditor プラグインで同じ問題を抱えている人のために

filebrowserUploadUrl:'/YourAppName/ck/ofm'

画像のアップロードを処理する関数を呼び出します。独自のカスタマイズされた関数を使用する場合は、そのファイル パスを指定できます。

于 2015-06-24T13:01:20.657 に答える
0

その URL は、独自のサーバー側のファイル アップロード アクションを指します。ドキュメンテーションはあまり詳細には触れていませんが、幸いなことにDon Jonesがいくつかの空白を埋めています:

カスタム ファイル ブラウザ/アップローダーを CKEditor とどのように統合できますか?

以下も参照してください。

http://zerokspot.com/weblog/2009/09/09/custom-filebrowser-callbacks-ckeditor/

于 2010-01-22T06:19:55.257 に答える