CKEDITOR,图片上传(filebrowserUploadUrl)

AnA*_*ice 36 ckeditor

我正在使用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'
    }
);
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是filebrowserUploadUrl ...那个URL应该返回CKEDITOR以使这个过程起作用?

谢谢

Pen*_*uel 43

该URL应指向您可能拥有的自定义文件浏览器URL.

我已经在我的一个项目中完成了这个,我在我的博客上发布了关于这个主题的教程

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

本教程提供了有关如何在CKEditor中集成FCKEditor的内置FileBrowser的分步说明,如果您不想自己创建.它非常简单.


Cal*_*ran 14

可能为时已晚.您的代码是正确的,所以请再次检查filebrowserUploadUrl中的URL

CKEDITOR.replace( 'editor1', {
    filebrowserUploadUrl: "upload/upload.php" 
} );
Run Code Online (Sandbox Code Playgroud)

和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"];
}
Run Code Online (Sandbox Code Playgroud)


Azo*_*oro 5

新的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.
});    
Run Code Online (Sandbox Code Playgroud)

支持大多数语言(php,asp,MVC && aspx - ashx,...)).