CKEditor 4 上傳圖片

參考資料：Basic Configuration

直接Ctrl+v(粘貼圖片)報錯信息：上傳文件時發生網路錯誤（networkError:Network error occurred during file upload）

版本：4.11.4，API介面直接返回圖片地址即可

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.toolbarGroups = [
        { name: 'clipboard', groups: ['clipboard', 'undo'] },
        { name: 'editing', groups: ['find', 'selection', 'spellchecker', 'editing'] },
        { name: 'forms', groups: ['forms'] },
        { name: 'basicstyles', groups: ['basicstyles', 'cleanup'] },
        { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi', 'paragraph'] },
        { name: 'links', groups: ['links'] },
        { name: 'insert', groups: ['insert'] },
        { name: 'styles', groups: ['styles'] },
        { name: 'colors', groups: ['colors'] },
        { name: 'document', groups: ['document', 'doctools', 'mode'] },
        { name: 'tools', groups: ['tools'] },
        { name: 'others', groups: ['others'] },
        { name: 'about', groups: ['about'] }
    ];

　　//移除的按鈕
    config.removeButtons = 'Templates,Print,Find,Replace,SelectAll,Scayt,Checkbox,Form,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CreateDiv,Blockquote,BidiLtr,BidiRtl,Flash,PageBreak,Iframe,About,ShowBlocks,Smiley,SpecialChar,HorizontalRule,CopyFormatting,RemoveFormat';

    //上傳圖片視窗用到的介面
    config.filebrowserImageUploadUrl = "https://192.168.0.1/api/ECategoryDetail/UploadImg";
    config.filebrowserUploadUrl = "https://192.168.0.1/api/ECategoryDetail/UploadImg";

    // 使上傳圖片彈窗出現對應的“上傳”tab標簽
    config.removeDialogTabs = 'image:advanced;link:advanced';

//粘貼圖片時用得到
    config.extraPlugins = 'uploadimage';
    config.uploadUrl = 'https://192.168.0.1/api/ECategoryDetail/UploadImg';
};

 留下的按鈕樣式如下圖：

建議大家有條件的直接用谷歌，百度找了半天沒有有用的資料。