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.

Demo

The demo can be found 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.

How to useBrowse 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.

Support

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

Some of the features shown in the screenshots may not yet be available in the current version.

Screenshots

imageuploader

124,382 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 4.1.8

DownloadRelease notes

I was asked to add a function to hide or show the settings button, so I released this update only five hours after the last one. If you appreciate my work don't hesitate to buy me a coffee (donate).

Version 4.1.8 - Release notes:

  • added option in pluginconfig.php to hide/show the settings button

Note PHP 5.2 or higher is required.

To show or hide the settings button open pluginconfig.php and modify the value of $show_settings. In case you have any questions or suggestions feel free to contact me using the Support Ticket System.

Template Menu

Adds a gear menu button to CKEditor to allow authors to easily add and edit templates.

This plugin requires one or more of the following CKEditor plugins.

Buttons will be added to the menu for each of the plugins that is bundled with CKEditor or added with config.extraPlugins.

Who?

This plugin was developed and is maintained by Albatross Digital. We belive that all websites should look beautiful on the on the frontend and the backend. Interested? Get in touch.

Screenshots

widgettemplatemenu

17,435 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

DownloadRelease notes

Initial release

Bootstrap Panel

While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

  • Compatible with Bootstrap 4

 

 

DEPENDENCIES:

No dependencies.

 

NOTE: You can send your suggestions, comments, concerns, or inquiries through mj.plugins.info@gmail.com or by filling up the contact form of my website. I'm having trouble using Disqus lol.

Screenshots

Bootstrap List Group

List groups are a flexible and powerful component for displaying not only simple lists of elements but complex ones with custom content.

  • Compatible with Bootstrap 4

 

DEPENDENCIES:

No dependencies.

 

NOTE: You can send your suggestions, comments, concerns, or inquiries through mj.plugins.info@gmail.com or by filling up the contact form of my website. I'm having trouble using Disqus lol.

Screenshots

CKEditor Fast Image Uploader

Try simple images upload plugin for CKEditor!

Any of choosed image will be uploaded to your PHP server and automatically inserted into the document.

  • Very simple to use CKEditor image uploader.
  • Does not require any libraries or other components.
  • Its size is only ~2Kb.
  • Very simple installation.

Screenshots

Bootstrap Tab

Add quick, dynamic tab functionality to transition through panes of local content.

  • Compatible with Bootstrap 4

 

 

DEPENDENCIES:

No dependencies.

 

NOTE: You can send your suggestions, comments, concerns, or inquiries through mj.plugins.info@gmail.com or by filling up the contact form of my website. I'm having trouble using Disqus lol.

Screenshots

Boostrap Collapse

A flexible plugin that utilizes a handful of classes for easy toggle behavior.

  • Compatible with Bootstrap 4
  • Nested collapse is supported

 

 

DEPENDENCIES:

No dependencies.

 

NOTE: You can send your suggestions, comments, concerns, or inquiries through mj.plugins.info@gmail.com or by filling up the contact form of my website. I'm having trouble using Disqus lol.

Screenshots

Static Space

This plugin attaches the toolbar panel to one of the editor's corners. The toolbar hides when the editor loses focus.

By default this plugin is used with inline editing and replaces Floating Space plugin. In order to use this plugin with standard editor (iframe or div) you should change config.staticSpacePriority.

Configuration
  • config.staticSpacePositionY - vertical position of the toolbar. Allowed values: 'top', 'bottom'. Defaults to: 'top'.
  • config.staticSpacePositionX - horizontal position of the toolbar. Allowed values: 'left', 'right'. Defaults to: 'left'.
  • config.staticSpacePriority - plugin load priority. For CKEDITOR.replace mode (iframe or div) the value should be <= 9. Defaults to: 19.
Known issues

The editable element should have 100% width of it's parent element.

Screenshots

staticspace

11,390 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.2.0

DownloadRelease notes

support CKEDITOR.replace mode

Sketchfab CKEditor Plugin

The Sketchfab CKEditor plugin adds a Sketchfab button in a CKEeditor text-editing toolbar. This button allows to embed interactive 3D models right in your text.

Overview
  • Add a sketchfab button in your toolbar 

  • Paste a sketchfab url 

  • Embed a model in one click 

Supported editors

The CKE plugin can be used on any backend using CKEditor as a frontend text-editor, and able to parse [sketchfab] bbCode See examples for implementation details (currently: vBulletin 3.8 & vBulletin 4)

Getting started

Implementation may vary depending on your backend system (vBulletin, phpBB, wordpress ...). Specific implementation details are provided when available, but the main steps are basically the same:

  • Copy the src/ckeditor-plugin/sketchfab directory inside the plugins/ folder of CKEditor
  • Edit 'siteName' in plugin.js
  • Edit CKEditor's config (often found in config.js) to enable the plugin and efine the position of the Sketchfab button in your toolbar
[sketchfab] bbCode

Your text-editor / backend must support the [sketchfab] bbCode. The [sketchfab] bbCode converts a string such as [sketchfab]modelId[/sketchfab] into a Sketchfab embed (iframe). Implementation details may vary depending on your backend

Contact

Please send your questions or feedback to support@sketchfab.com

sketchfab

12,101 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0rc

DownloadRelease notes

v1

Tweetable Text

A simple plugin to make some of the text tweetable, where user can click that text, then tweet it easily.
For more info, please visit https://github.com/ardnet/tweetabletext.

Screenshots

tweetabletext

16,976 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0.1

DownloadRelease notes

Tweet URL are encoded.

Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check