Giter Club home page Giter Club logo

fastimage's Introduction

Sample, from https://github.com/RyanSiu1995/ckeditor-ImageUploader

just for my usage.

<!-- for editor -->
var editor = CKEDITOR.replace('editable', {
    filebrowserImageUploadUrl: '/upload/image/?ckcallback=true',
    imageUploadUrl: '/upload/image/', //for uploadimage: paste
    fastimageUploadUrl: "/upload/image/", //for quick image
    maxImageSize: 5242880,
    toolbar: [
        {name: 'basicstyles', items: ['Bold', 'Strike', 'Underline', 'Format', '-', 'RemoveFormat']},
        ['TextColor', 'BGColor'],
        {name: 'paragraph', items: ['NumberedList', 'BulletedList', 'Outdent', 'Indent', 'Blockquote']},
        {name: 'insert', items: ['Fastimage', 'Link', 'Table', 'Smiley' ]},
        {name: 'clipboard', items: ['Undo', 'Redo', 'Source', 'Maximize']}
    ],
    customConfig: '',
    extraPlugins: 'uploadimage,smiley,image2,fastimage',
    removePlugins: 'image',
    height: 600,
    contentsCss: ['/static/ckeditor4/contents.css', //全局样式文件
        '/static/your-content.css?1.0' //自己的样式文件
    ],
    format_tags: 'p;h1;h2;h3',
    removeDialogTabs: 'image:advanced;link:advanced;link:upload'
});


//for uploadimage plugin
editor.on('fileUploadResponse', function (evt) {
    // Prevent the default response handler.
    evt.stop();

    var data = evt.data, xhr = data.fileLoader.xhr;
    var result = jQuery.parseJSON(xhr.responseText);

    if (result.code == 0) {
        data.url = result.bigurl;
    }
    else {
        data.message = result.msg;
        evt.cancel();
    }
});

fastimage's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.