CKEditor 4

Word Art

Add word arts to your write-ups without editing the source code!

  • 30 style variations
  • No images required

 

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

carousel
carousel
carousel

Product Page

MJ Ribbons

Add ribbons to your write-ups without editing the source code!

  • Available in 66 languages
  • 8 color variations
  • No images required

 

DEPENDENCIES:

It requires the following plugins to work: Panel Button and Float Panel.

 

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

carousel
carousel
carousel

Product Page

Image Rotate

Allows user to rotate image by adding Rotate Clockwise and Rotate Counter-clockwise to image context menu.

NB! Will work only with:

  1. data uri images
  2. images hosted on same domain as editor
  3. remote images, which have CORS enabled headers.

The output will be data uri image.

 

Desktop Browser Compatibility

canvas and canvas.toDataURL() : IE 9+; Edge 12+; Firefox 3.6+; Chrome 4+; Safari 4+; Opera 9+

 

If you have any issues, please report at https://github.com/liias/imagerotate/issues.

Download Add to my editor
imagerotate

41,806 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.1.1

Download• Release notes

  • Added French translation, thanks to https://github.com/gbastien

Token Insertion

This plugin allows you to insert tokens into the CKEditor for replacement with data. For instance, it can be used for variables in mako or twig templates, or your own custom token replacement code.

The default token style is currently for mako template variables (e.g. - ${tokenName}), as that is what I initially developed this for, but it is configurable for any strings to start/end a token. You can also configure what tokens are available in the dropdown.

This plugin is largely based on the placeholder plugin made by the CKEditor folks. I haven't supplied all of the translations that they did in that plugin, but I will add in any contributed translations that folks would like if they supply them.

Please see the github page for more in-depth documentation.

Screenshots

carousel
Download Add to my editor
token

13,237 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.1

Download• Release notes

Fixed an issue with certain token replacements. Added Russian translation.

Markdown

Markdown Plugin for CKEditor This is a plugin for CKEditor, you can use markdown mode in CKEditor. Moreover, your article in WYSIWYG mode can be translated to markdown.

Screenshots

carousel
carousel
Download Add to my editor
markdown

20,180 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

Download• Release notes

Usage

  1. Download the source, and uncompress it in ckeditor/plugins;
  2. Edit config.js (such as ckeditor/config.js):
config.extraPlugins = 'markdown'; // add this plugin

Enjoy it!

 

Demo example：

<textarea name="editor1" id="editor1" rows="10"></textarea>
    
<script>
    CKEDITOR.replace('editor1', {
        toolbarGroups: [
            {name: 'tools'},
            {name: 'basicstyles', groups: ['basicstyles', 'cleanup']},
            {name: 'styles'},
            {name: 'others'}
        ],
        extraPlugins: 'markdown'
    });
</script>

 

Bootstrap Alert

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

  • 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

carousel
carousel
carousel

Product Page

Box Shadow

Add shadows to your content without editing the source code!

  • Compatible with <span>, <div> and <img> tags
  • Available in 66 languages

 

DEPENDENCIES:

It requires the following plugins to work: Color Dialog.

 

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

carousel
carousel
carousel

Product Page

Cavac Note

Cavac Notes are jQuery popups when a document is rendered as HTML document and a pseudo-link is clicked, similar to what "XKCD WhatIf" uses.

This plugin includes both the ckeditor and the jquery plugin, see the README file.

Screenshots

carousel
carousel
carousel
Download Add to my editor
cavacnote

11,774 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

Download• Release notes

Initial release. I use this on my Maplat webserver and thought maybe other people are interested in the plugin as well.

Quran

Inserts Ayat from a given Sura of Al Quran.

The Quran version used on this plugin is from Tanzil.net

Download Add to my editor
quran

11,159 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0b

Download• Release notes

First beta version

HTML5 Audio

Based on the html5 video plugin here. just  a simple audio player for but mp3 and wav

Download Add to my editor
Audio

33,902 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

Download• Release notes

Tested on 4.5. works well!!

Online builder

Your plugins

  • 39 from preset
  • 0 selected
  • 22 required

Your skin

Moono-Lisa

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