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

30 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

180 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

1,187 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

380 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

4,954 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.1

DownloadRelease notes

The first 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

3,889 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.1

DownloadRelease notes

The first 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

586 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.

image browser-uploader

This is image UPLOADER , but also and image BROWSER

HUH.. NEW VERSION checkout.

now VERSION 1.2:
dated 13.05.2018

how to use?

Browsing..Simple, click on image in CKEditor, then on button Browse Server.

When you find picture you want, 2 left click on picture to put it on editor window.

To upload picture, Same as for browsing, exept now, you need to find picture in your comp.

To do that, click on button 'browse', click on picture, you will see preview, than button upload...

What is new?
well... now you can delete image from a galery
now, you can upload image with same name without replacing old image with same name.
improved thumbs creation.
Preview image before upload...

fixed few bugs...

TO DO?
automatic upgrade.

How to update?

Replace/merge old 'ckeditor/plugins/zsuploader' folder.

If you allredy have pictures in folder 'zsuploader/images' keep it...

INSTALLATION

Very easy to install
1: Download and unzip 'ZSUploader' to CKEditor/ plugins...
2: in CKEditor/config.js below a line '// config.uiColor = '#AADC6E';'


CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
     //config.language = 'sr-latn';
    // config.uiColor = '#AADC6E';

};
add this line
   config.extraPlugins = 'zsuploader';
   
   Or if you allredy have enabled some plugins,just add this new
   Eg   config.extraPlugins = 'youtybe,zsuploader';
   
  that is all

NOTICE that some skins can make a problem with browse server buton , do not show that button.

                   Works perfect wih moono skin...I do not know where is a problem,

For more possibilities, please read included Read_me.txt file

Screenshots

zsuploader

3,110 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.2

DownloadRelease notes

What is new?
well... now you can delete image from a galery
now, you can upload image with same name without replacing old image with same name.
improved thumbs creation.
Preview image before upload...

TO DO?
automatic upgrade.

LoopIndex Track Changes (Commercial License)

The plugin provides the option to track the changes (additions/deletions) made to your editor's text, with the support of multi-user changes, meaning, changes will be colored differently for each user and will show the user information, enabeling you to see exactly who is the change owner. 
Changes are marked as added or deleted.

The operations supported by the plugin are:

  • Enable / Disable Track Changes

  • Show / Hide Track Changes

  • Accept / Reject All Changes

  • Accept / Reject A Single Change

  • Displays The Changed Text Author

  • Displays The Change Timestamp  

Screenshots

Product Page Commercial plugin
Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check