API

This plugin provides APIs for other plugins to work with browser windows, dialog UI elements, media elements, htmlParser elements, URLs and XMLHttpRequests.

api

1,067 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 2.9

DownloadRelease notes

Technical release

N1ED: Bootstrap 4 editor + Dashboard + plugins

N1ED - powerful HTML WYSIWYG editor for your website. Based on CKEditor it cardinally improves it beyond recognition. It supports Drupal 7 and 8, WordPress and Joomla 3, has online Dashboard and perfect Bootstrap 4 support. Most of JS+ add-ons are included in the N1ED.

N1ED plugin for CKEditor 4 lets you to easily try N1ED with your editor.

Screenshots

N1ED

662 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

The first release of N1ED.

See n1ed.com for more.

Links Split - URL & Domain

Help you split domain name and url.

Install : 

  1. Download source and extract to "ckeditor/plugins" folder.
  2. in config.toolbarGroups (groups) add "HkUrlSplit"
  3. in config.extraPlugins add "hkurlsplit"

Screenshots

hkurlsplit

602 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

Work with Ckeditor 4x

HKemoji - custom emoji - smiley

This plugin integrates the custom png/gif emoji and smiley for ckeditor 4 (with exists 4 example emoji package)

  • If you want revenge "emoji dialog" auto close when clicked emoji, open "dialogs/hkemoji.js" and delete line 26: dialog.hide();
  • To add or remove smiley, read documentation.

Screenshots

hkemoji

1,381 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

Maybe work with older version (4.5)

Save to PDF

Use AWS Lambda to Generate PDFs using the  Api2Pdf REST API

Api2Pdf.com is a REST API for instantly generating PDF documents from HTML, URLs, Microsoft Office Documents (Word, Excel, PPT), and images. The API also supports merge / concatenation of two or more PDFs. Api2Pdf is a wrapper for popular libraries such as wkhtmltopdfHeadless Chrome, and LibreOffice.

This plugin adds a Save to PDF functionality to CKEditor4. It will take the HTML contents of your editor, convert it to PDF, and request the web browser to download it.

The plugin will add an icon to the toolbar to Save to PDF. 

A server side handler is required, sample code is provided for PHP and .NET

Screenshots

save-to-pdf

4,563 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.10

DownloadRelease notes

MathEx

MathEx

A CKEditor Plugin for MathML and Latex Mathemathical Expressions

Editor accepted string format from input default class was math if you change this you need to configure through mathexClass

<span class="math">\({ MathML or Tex Mathemathical expressions }\)</span>

Encoder Helper

let str = "<span class="math"><math><mrow><msup><mfenced><mrow><mi>a</mi><mo>+</mo><mi>b</mi></mrow></mfenced><mn>2</mn></msup></mrow></math></span>" 

this helper function added escape character before <math /> and html Decode for editor readable format

decoder(str) // <span class="math">\( &gt;math&lt;&gt;mrow&lt;&gt;msup&lt;&gt;mfenced&lt;&gt;mrow&lt;&gt;mi&lt;a&gt;/mi&lt;&gt;mo&lt;+&gt;/mo&lt;&gt;mi&lt;b&gt;/mi&lt;&gt;/mrow&lt;&gt;/mfenced&lt;&gt;mn>2&gt/mn&lt;&gt;/msup&lt;&gt;/mrow&lt;&gt;/math> \) </span>
function encoder(text){
    if (text){
        var myregexp = /<span[^>]+?class="math".*?>([\s\S]*?)<\/span>/g;
        return text.replace(myregexp, function replacer(match) {
            return match.replace(/<math>([\s\S]*?)<\/math>/g , function replacerData(match) {
                let tempString = match.replace(/<math>/g, "\\(<math>");
                return this.htmlEncode(tempString.replace(/<\/math>/g, "</math>\\)"))
            }.bind(this))
        }.bind(this))
    }
}

Decoder Helper

let str = "<span class="math">\({ MathML or Tex Mathemathical expressions }\)</span>" 

this helper function removed escape character before <math />

decoder(str) // <span class="math"> MathML or Tex Mathemathical expressions </span> 
function decoder(str) {
    let tempString = str.replace(/\\\(<math>/g, "<math>");
    return tempString.replace(/<\/math>\\\)/g, "</math>");
}

htmlEncode Helper

htmlEncode( 'A > B & C < D' )  // 'A &gt; B &amp; C &lt; D' 
var ampRegex = /&amp;/g,
gtRegex = /&gt;/g,
ltRegex = /&lt;/g,
quoteRegex = /&quot;/g,
tokenCharset = &#39;abcdefghijklmnopqrstuvwxyz0123456789&#39;,

/**
 * Replaces special HTML characters in a string with their relative HTML
 * entity values.
 *
 *		console.log( htmlEncode( &#39;A &gt; B &amp; C &lt; D&#39; ) ); // &#39;A &amp;gt; B &amp;amp; C &amp;lt; D&#39;
 *
 * @param {String} text The string to be encoded.
 * @returns {String} The encoded string.
 */
htmlEncode = text =&gt; {
	// Backwards compatibility - accept also non-string values (casting is done below).
	// Since 4.4.8 we return empty string for null and undefined because these values make no sense.
	if (text === undefined || text === null) {
		return &#39;&#39;;
	}

	return String(text).replace(ampRegex, &#39;&amp;amp;&#39;).replace(gtRegex, &#39;&amp;gt;&#39;).replace(ltRegex, &#39;&amp;lt;&#39;);
}

htmlDecode Helper

htmlDecode( '&lt;a &amp; b &gt;' ) // '<a & b >' 
var ampRegex = /&/g,
gtRegex = />/g,
ltRegex = /</g,
quoteRegex = /"/g,
tokenCharset = 'abcdefghijklmnopqrstuvwxyz0123456789',

allEscRegex = /&(lt|gt|amp|quot|nbsp|shy|#\d{1,5});/g,
namedEntities = {
	lt: '<',
	gt: '>',
	amp: '&',
	quot: '"',
	nbsp: '\u00a0',
	shy: '\u00ad'
}

allEscDecode(match, code) {
	if (code[0] == '#') {
		return String.fromCharCode(parseInt(code.slice(1), 10));
	} else {
		return namedEntities[code];
	}
}

/**
  * Decodes HTML entities that browsers tend to encode when used in text nodes.
  *
  *		console.log( htmlDecode( '&lt;a &amp; b &gt;' ) ); // '<a & b >'
  *
  * Read more about chosen entities in the [research].
  *
  * @param {String} The string to be decoded.
  * @returns {String} The decoded string.
  */
htmlDecode = text => {
	// See:
	// * http://jsperf.com/wth-is-going-on-with-jsperf JSPerf has some serious problems, but you can observe
	// that combined regexp tends to be quicker (except on V8). It will also not be prone to fail on '&amp;lt;'
	return text.replace(allEscRegex, this.allEscDecode);
}

 

MathEx

1,551 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.3

DownloadRelease notes

MathEx

Ckeditor addon for Mathematical Expressions

Changelog

  • Supports MathML and Latex
  • Optimised Version
  • Helpers included
  • README Updated
     

Bootstrap Widgets

Bootstrap widgets are very important for content management, but using them in CKEditor is not exactly simple. Well, now, you can effortlessly work with Bootstrap components directly in CKEditor!

Meet the Bootstrap Widgets add-on! It allows inserting the components provided by Bootstrap and Foundation CSS frameworks into your editor.

The set significantly extends the functionality of CKEditor. It offers all standard widgets like buttons, links, image galleries, icons, information messages, breadcrumbs, labels, badges, and so on. Try it and see how your work gets simpler.

You get the Bootstrap Include CSS/JS add-on for free to plug-in the framework to the content editor.

Product Page Commercial plugin

Text Watcher

This plugin checks whether a text modification in the editor matches defined criteria. It features custom text test function used to validate if a text should match.

The Text Watcher plugin works best with the Text Match plugin to complement the Autocomplete feature.

textwatcher

13,971 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.4

DownloadRelease notes

The fourth bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Text Match

This plugin allows to search the DOM for matching text but it operates on strings instead of text nodes. It gives the possibility to get the position of the matched text regardless of its HTML representation.

The Text Match plugin provides the search functionality for the Autocomplete feature. It works best with the Text Watcher plugin.

 

textmatch

14,899 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.4

DownloadRelease notes

The fourth bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

OpenStreet-Map

Since google map now require to pay for API key, I was decide to change all my maps to something else.

End now, we have OpenStreet map. For this I was use MapQuest library...

Please check "https://developer.mapquest.com/documentation/ " for more.

Yes and OpernStreet require API key, buy it's free of charge.

So, please go to "https://developer.mapquest.com/plan_purchase/steps/business_edition/business_edition_free/register

and GRAB your free API key.

You need just first time to add this key, will be saved for future time.

About Plugin, in short...

1: you need your API key . grab it.

2: you can put one or two marker on the map

3: you must to know lattitude and longitude of marker places, you have for taht purpose link to click on top of plugin window.

4:select type of marker, there is several.. try it..

5: select type of map, try, and select what you need.

6: select zoom... (this works perfect with one marker, with two you will got best fit in window.

7: Choose window size...

press OK.

That is..

Installation:

1:Unzip OpenStreet.zip to "CKEditor.plugins/"

2:In config.js add OpenStreet on line

 config.extraPlugins = "OpenStreet";

That is.. save, reload, try :)

If you have and other plugins in this line than add OpenStreet as

 config.extraPlugins = "inlinesave,zsmanager,OpenStreet";

or in similar order..

enjou.

Screenshots

OpenStreet

1,277 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.1

DownloadRelease notes

Nothing special required, but please..

I did not have time to test this plugin in all situation..

So, if you have a problem please tell me.

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