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

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.

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

524 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)

Media Browser

This plugin provides a minimal media browser API as an alternative to the filebrowser plugin and does not care about advanced features like file uploads, so stick with the filebrowser plugin if you need those.

Unlike the filebrowser plugin it does not use URL parameters to pass values between the editor and the browser windows, but uses the window.postMessage() function to communicate between both windows. So you can pass more than just the URL of the selected media from the media browser to the editor or even multiple media elements at once. Currently the only plugin that uses this API is the Media Widget.

Plugin Integration

If you wanna use the API in your plugin, you just have to define a callback function mediabrowser in the Browse server button configuration of your plugin's dialog, p.e.

{
    id: 'browse',
    type: 'button',
    label: common.browseServer,
    hidden: true,
    mediabrowser: function (data) {
        if (!data.src) {
            return;
        }

        var dialog = this.getDialog();

        ['alt', 'src', 'type'].forEach(function (item) {
            if (!!data[item]) {
                dialog.getContentElement('info', item).setValue(data[item]);
            }
        });
    }
}

Media Browser Integration

You can implement your media browser as you wish, the only two requirements are that you configure the URL to your media browser as mediabrowserUrl p.e.

CKEDITOR.replace(document.getElementById('editor'), {
    ...
    mediabrowserUrl: '/url/to/mediabrowser',
    ...
})

and that your media browser notifies the editor by posting a message p.e. like

// NOTE: window.opener.origin is only accessible on the same domain
window.opener.postMessage({
    alt: 'Optional alternative text',
    src: '/url/to/media'
}, window.opener.origin);

 

mediabrowser

1,073 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

Redefine the mediabrowser property to allow plugins to register a callback function with the "Browse Server" button in the dialog

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

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

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

Google Search

A simple ckeditor plugin to add a google search button to search selected word.

 

Installation:

add "googlesearch" to your ckeditor's extraPlugins variable.

Screenshots

googlesearch

2,220 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.1

DownloadRelease notes

minor bug fixes

Open Link

Open Link is a very simple plugin, extending the editor context menu with a possibility to open the link in a new tab. It has the following features:

  • It extends the context menu with a possibility to open the link in a new tab.
  • It allows you to open the link with a Ctrl/Cmd click.

The plugin also integrates with linked Enhanced Image widgets.

Screenshots

openlink

3,238 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.4

DownloadRelease notes

Added Ukrainian language thanks to Sensetivity.

Version: 1.0.3

DownloadRelease notes

Added Bulgarian language thanks to nmpetkov.

Version: 1.0.2

DownloadRelease notes

Balloon Toolbar

This plugin provides an API to create floating toolbars pointing at a given element.

It also allows you to specify context-aware toolbars, providing a very easy way of defining a customized toolbar for a given content type.

See the Ballon Toolbar plugin documentation for more technical information.

 

Screenshots

balloontoolbar

15,533 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.2

DownloadRelease notes

The second bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

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

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Image Resizer(Width and Height)

This plugin handles the image height and width resizing process in editor by dragging the image edges.

imageresizerowandcolumn

13,676 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.0

DownloadRelease notes

initial release

Table Resizer(Row and Column)

This plugin handles the table row and column resizing process on editor.

tableresizerowandcolumn

9,196 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.0

DownloadRelease notes

initial release

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