CKEDITOR，图片上传（filebrowserUploadUrl） [英] CKEDITOR, Image Upload (filebrowserUploadUrl)

问题描述

我正在使用CKEDITOR，并且希望能够允许用户在文本编辑器中上传和嵌入图片...

以下JS是什么负载CKEDITOR：

  CKEDITOR.replace（'meeting_notes'，
 {
 startupFocus：true，
 toolbar：
 [
 ['ajaxsave']，
 ['Bold'，'Italic'，'Underline'，' ，'Batch'，'PasteText']，
 ['Undo'，''''''' Redo'，' - '，'RemoveFormat']，
 ['TextColor'，'BGColor']，
 ['Maximize'，'Image'] 
]，
 filebrowserUploadUrl ：'/notes/add/ajax/upload-inline-image/index.cfm'
} 
）; 
  

我被卡住的地方是filebrowserUploadUrl ...这个URL应该返回CKEDITOR

解决方案

指向你自己的自定义filebrowser url你可能有。

我已经在我的一个项目中完成了这项工作，我已在我的博客上发布了有关此主题的教程

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

本教程逐步说明如何集成FCKEditor的内置FileBrowser在CKEditor中，如果你不想做我们自己的。很简单。

I'm using CKEDITOR and would like to be able to allow users to upload and embed images in the Text Editor...

The following JS is what loads the 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'
    }
);

Where I'm stuck is with filebrowserUploadUrl... What is that URL supposed to return to CKEDITOR to get this process to work?

Thanks

解决方案

The URL should point to your own custom filebrowser url you might have.

I have already done this in one of my projects, and I have posted a tutorial on this topic on my blog

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

The tutorial gives a step by step instructions about how to integrate the inbuilt FileBrowser of FCKEditor in CKEditor, if you don't want to make our own. Its pretty simple.

这篇关于CKEDITOR，图片上传（filebrowserUploadUrl）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！