Image 如何使用CDN使用CKEditor4上传图像？_Image_Ckeditor4.x

Image 如何使用CDN使用CKEditor4上传图像？

image

Image 如何使用CDN使用CKEditor4上传图像？,image,ckeditor4.x,Image,Ckeditor4.x,我正在尝试为CKEditor4启用拖放功能。在我的工作中，我们将它托管在CDN上，我一直在添加插件，只需将它们添加到/plugins文件夹，并使用config.extraPlugins启用它们文件管理器的文档说明使用config.UploadUrl来处理图像文件上载。在将uploadimage文件夹添加到CDN之后，我尝试了这个方法，但似乎什么都没有发生。控制台中也没有错误 CKEDITOR.config.extraPlugins = 'uploadimage'; CKEDITOR.confi

我正在尝试为CKEditor4启用拖放功能。在我的工作中，我们将它托管在CDN上，我一直在添加插件，只需将它们添加到/plugins文件夹，并使用config.extraPlugins启用它们

文件管理器的文档说明使用config.UploadUrl来处理图像文件上载。在将uploadimage文件夹添加到CDN之后，我尝试了这个方法，但似乎什么都没有发生。控制台中也没有错误

CKEDITOR.config.extraPlugins = 'uploadimage';
CKEDITOR.config.UploadUrl = 'https://cdn.cpscentral.com/js/ckeditor4-fuller/imageuploader/imgupload.php';

它还说，不要忘记将CHMOD writable permission 0777设置为服务器上的imageuploader文件夹。我不完全确定如何做到这一点，但我知道这个s3文件夹是公共的。非常感谢您的指导

我就是这样做的，以获得一个有效的示例

下载ckeditor_4.12.1_full.zip 解压内容并将其复制到网站根目录中的/ckeditor文件夹下载imageuploader_4.1.8.zip 将内容解压缩并复制到的/ckeditor/plugins/imageuploader文件夹网站这是我的index.php

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <script src="/ckeditor/ckeditor.js"></script>
    </head>
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script>
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>

结果如何

该插件称为imageuploader而不是uploadimage，因为您有CKEDITOR.config.extraPlugins='uploadimage'；请看下面我的答案。我知道这一点，并将两者联系起来。uploadimage是拖放功能，imageuploader只是处理文件上传的文件。如果您按照我的说明进行操作，您会得到一个最简单的工作示例吗？我想使用现有的CDN，而不是将文件放在网站的根目录中。当我尝试这样做，并按照您的步骤操作时，我得到：未捕获错误：[CKEDITOR.resourceManager.load]在上找不到资源名称imageuploaderhttps://cdn.cpscentral.com/js/ckeditor4-fuller/plugins/imageuploader/plugin.js?t=J6IA.Do 你把插件解压缩到那个文件夹里了吗？什么是t=J6IA？

CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'imageuploader';
    config.UploadUrl = '/ckeditor/plugins/imageuploader/imgupload.php';
};