The Balloon Panel plugin provides the ability to create a floating, balloon-shaped container capable of presenting content at a precise position in the document.

It is used in Accessibility Checker to create the floating panels with accessibility tips.

The NiftyImages Widget Plugin for CKEditor is a Free and unique integration to enable countdown timers from the toolbar.

This plugin allows the easy insertion of HTML5 audio players.

• Creates a HTML5 audio tag for your audio. You can:
  • Use an audio file that is hosted on another website using its URL.
  • Use an audio file that is already on your server.
  • Upload an audio file to your server and use it.
• You can choose the alignment of the HTML5 audio player. Available options:
  • Center (default)
  • Left
  • Right
  • None
• You can choose whether to play the audio automatically or not (since version 1.3.0). Default is no.
• You can change the position of the HTML5 audio player by dragging and dropping it.
• You can change the properties of an existing player using the context menu (since version 1.1.0) or double clicking on it.
• You can disable the download button on Chrome (since 1.4.0).
• You can add a "title" attribute for the audio tag (since 1.5.0).
• Easy to use. The user interface is similar to the enhanced image plugin.
• Available in multiple languages: Basque, Bulgarian, Catalan, Chinese, English, Farsi (Persian), French, German, Greek, Russian, Spanish, Ukrainian, and Uzbek.

• If you are installing this plugin in GNU/Linux make sure that its folders and files have the right permissions otherwise you might get errors.

• By default CKEditor does not include a file browser or uploader. The "Browse server" and "Upload" tabs need server side code to work so they don't appear if there is no file browser or uploader.

  To fix the problem you can install CKFinder and integrate it with CKEditor. There are how-to guides in the documentation:

  http://docs.cksource.com/ckfinder3/#!/guide

• Take into account that most (all?) mobile browsers disable the autoplay option and don't play the audio without user interaction.

We want to thank all the people who helped translate this plugin:

• Bulgarian: N. Petkov
• Catalan: jhuguco
• Chinese: 郑东武, DarwinniwraD
• Farsi (Persian): Mohammad Hossein Rabiee
• French: Simon Georget, Mischa Sameli
• German: Mischa Sameli
• Swiss German: Mischa Sameli
• Greek: Dimitris Kritsotakis
• Polish: elanpl
• Russian: smartcorestudio
• Ukrainian: Sensetivity
• Uzbek: Bahriddin Abdiev

More translations are welcome and will be included in future releases. If you want to use this plugin in your language feel free to translate it. If you know how to use git and github you can follow these steps, otherwise add the translation of these strings as a comment indicating which language it is and we will take care of it:

Insert HTML5 audio

HTML5 audio

Audio info

Audio source URL is missing.

Audio properties

Upload

Send it to the server

Advanced

Autoplay?

Yes

No

Prism Syntax Highlighter is a plugin for inserting formatted texts or code snippets in your blog/website. It is an integration of PrismJS with CKEditor. PrismJS is the chosen syntax highlighter/colorizer because it is elegant, lightweight, and extendable. Actually, I use this plugin in my blog articles too.

• Rendered with a beautiful, dark theme by default (I'm currently working on integrating other PrismJS themes).
• Displayed with line numbers on the left side of the codes.
• Syntax highlighting of over 50 programming languages (note that SVG and XML are under the HTML category, and JSON is under JavaScript). I also used Tiobe index to have an idea on what languages are important or popular.

This plugin utilizes/extends the following libraries: 

• CKEditor Code Snippet Plugin
• CKEditor Code Snippet API
• Prism Syntax Highlighter with Dark Theme
• Prism Line Numbers Add-on

Essentially, it's the Code Snippet plugin with PrismJS under the hood. Hence, Prism Syntax Highlighter depends on the Code Snippet and make use of its toolbar button as well. Extending the Code Snippet plugin rather than creating an independent one means better code reuse, less bugs, and less effort. Consequently, this plugin has also localization/multilingual support because Code Snippet already does.

By default, Prism has no line numbering mechanism, so the Line Number add-on has been added. Likewise, in order for the line numbers to work smoothly in CKEditor and when rendering the code blocks in the actual page, I did some minor patching in default prism.js and prism.css files.

If you want other programming languages, add-ons, or themes, you may want to check-out first the PrismJS download page for other possibilities and you could send me your suggestion. PrismJS is very stable and well-tested, and it is just one of the excellent projects of Lea Verou, who is a prolific web developer.

Finally, if you want to lessen the list of available languages when setting the code block (since the list might be too long to your liking), you could utilize the config.codeSnippet_languages CKEditor property. 

Demo page could be found here. It showcases numerous code blocks in various programming languages.

Kindly refer to Installation Guide.

Kindly refer to How to Create and Edit Prism Snippets.