Git Product home page Git Product logo

chixter / image-uploader-and-browser-for-ckeditor Goto Github PK

View Code? Open in Web Editor NEW

This project forked from xsmo/image-uploader-and-browser-for-ckeditor

0.0 1.0 0.0 241 KB

Image Uploader and Browser for CKEditor is a plugin that allows you to upload images easily to your server and add automatically to CKEditor. Since version 2.0 you can browse and manage your uploaded files online right in your browser - without using a FTP Client. The Image Browser is responsive and looks great on every device width.

License: MIT License

PHP 50.87% CSS 39.30% JavaScript 9.82%

image-uploader-and-browser-for-ckeditor's Introduction

Image Uploader and Browser for CKEditor

Image Uploader and Browser for CKEditor is a plugin that allows you to upload images easily to your server and add automatically to CKEditor. Since version 2.0 you can browse and manage your uploaded files online right in your browser - without using a FTP Client. The Image Browser is responsive and looks great on every device width.

Download

You can download the Image Uploader and Browser for CKEditor here.

Features

  • Functionality: Upload, delete, download and view your PNG, JPG & GIF files.
  • Secure: Only you can access the image browser by a password protection since version 4.0.
  • Flexible: Do you already have your own upload folder? You can easily switch and create folders in the image browser.
  • Modern UI: The Image Browser is responsive and looks great on every device width.
  • Support: Regular updates and an always up to date documentation make it easy for you to install and use the browser.

Installation and Configuration

First extract the downloaded file into the CKEditor’s plugins folder. Then enable the plugin by changing or adding the extraPlugins line in your configuration (config.js):

Defining Configuration In-Page

CKEDITOR.replace( 'editor1', {
  extraPlugins: 'imageuploader'
});

Using the config.js File

CKEDITOR.editorConfig = function( config ) {
  config.extraPlugins = 'imageuploader';
};

Don't forget to set CHMOD writable permission (0777) to the imageuploader folder on your server.

Please read the Plugin FAQ for more information.

How to use

Browse and manage files

Open the Image info tab and click Browse server. A new window will open where you see all your uploaded images. Open the preview of a picture by tapping on the image. To use the file click Use. To upload a new image open the upload panel in the image browser.

Change the upload path

Open the Image info tab and click Browse server. A new window will open where you see all your uploaded images. Open the Settings to choose another upload path.

Further questions?

Please read the Plugin FAQ.

Demo

The demo can be found here.

Share

Tweet or Share on Facebook.

Support

The support site can be found here. Before submitting a support ticket please read the FAQ.

License

Image Uploader and Browser for CKEditor is licensed under the MIT license: http://en.wikipedia.org/wiki/MIT_License

Copyright © 2015 by Moritz Maleck

image-uploader-and-browser-for-ckeditor's People

Contributors

xsmo avatar

Watchers

 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.