Block Widget

This widget lets you create and edit non-editable and optionally previewable placeholder blocks.

You can edit the placeholder block through a simple dialog where you can enter the ID of the block into a text input field. How you use the ID-field is completely up to you. Whatever makes sense for you or rather your application is fine.

Additionally, you can integrate a block browser similar to a file/media browser and select the block through that. Your block browser implementation can pass the id and optionally the content of the selected block. If the content is passed, the selected block will be previewable.

In order to make blocks previewable that are already in the initial content when you load the editor, you have to provide an URL to a block API that will return the content for a requested id.

Block Browser

To enable the block browser option, you need the browser plugin, a browser implementation that uses the browser plugin and have to configure the URL to the browser implementation, p.e.

config.blockBrowser = '/example/url/to/browser';

Your block browser implementation can currently send following keys with the message:

{
    id: ..., // required, the ID of the block,
    content: '...', // optional, the HTML for the preview
}

Block API

To enable the block API option, you just have to configure an URL callback function that will receive the ID of the block and must return the final URL to the block API, p.e.

config.blockApi = function (id) {
    return '/example/url/to/api/' + id ;
};

This widget will then issue a GET request to the final URL. The block API must only return the HTML content for the preview if the block with the requested ID exists.

Technical

When you save the editor content, i.e. on downcast, the resulting placeholder will be a block-element with an id attribute

<block id=""/>

When you load your content into the editor, i.e. on upcast, the block-element will be tranformed to a div-element with a data-block-attribute

<div data-block=""></div>

This widget will add some minimal CSS to the editor to make the placeholder somehow visible. You likely want add more styles to adjust the look to your needs, especially if you make use of the block browser and API options.

Demo

https://akilli.github.io/rte/ck4

Minimalistic browser example

https://github.com/akilli/rte/tree/master/browser

Screenshots

block

308 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 2.9

DownloadRelease notes

Technical release

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

4,201 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.

Close Dialog Outside

Close Dialog Outside plugin is indented to enhance the "dialog" CKEditor plugin by adding the functionality of closing (cancel) the dialog if clicking anywhere outside of the dialog box.

Installation

  1. Make sure you have the "dialog" plugin installed see https://ckeditor.com/cke4/addon/dialog for details.
  2. Extract the contents of the file into the "plugins" folder of CKEditor.
  3. In the CKEditor configuration file (config.js) add the following code
    config.extraPlugins = 'closedialogoutside';

     

closedialogoutside

2,991 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.0.1

DownloadRelease notes

Removed unnecessary files.

Table of Contents

a simple Table of Contents widget which crawls the content for Heading-Tags (<h1>, ... ,<h6>) and adds Anchor tags to headings.

Screenshots

contents

5,080 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.11

DownloadRelease notes

-minor style fixes

Table of Contents

This plugin generates a table of contents.

  1. It simply crawls the content for Heading-Tags (<h1>, ... ,<h6>)
  2. Creates formated Table of Contents with <p> and margins for indent. (see screenshot 2)
  3. generates for each heading id- and name-attributes on h-tag
  4. deletes automatically already generated tocs inside the document.

The Plugin uses some code from http://ckeditor.com/forums/CKEditor-3.x/CKEditor-Plugin-Table-Contents. The Plugin is localized in german and english.

## Installation

 1. Download the plugin from here
 
 2. Extract (decompress) the downloaded file into the plugins folder of your CKEditor installation.
    Example: http://example.com/ckeditor/plugins/toc
    
 3. Enable the plugin by using the extraPlugins configuration setting.
    Example: CKEDITOR.config.extraPlugins = "toc";

   Make sure, "div" is included into the format_tags configuration setting.
    Example: CKEDITOR.config.format_tags = 'div';

 4. The "Links"-Toolbar now contains the toc-button

Screenshots

toc

5,800 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 3.1

DownloadRelease notes

killed some minor bugs 

Widget Context Menu

A CKEditor plugin which makes it possible to edit, copy and remove widgets using the right click context menu. This overcomes the problems of some widgets that are difficult to select. The name of the widget in the context menu is the title of the outer element, if that does not exist it shows the name of the widget.

Configuration

By default no configuration is required. To disable commands use any of the following config settings:

config.widgetcontextmenu_edit = false;
config.widgetcontextmenu_copy = false;
config.widgetcontextmenu_remove = false;

Dependencies:

  1. Context Menu Plugin (http://ckeditor.com/cke4/addon/contextmenu)
  2. Widget Plugin (http://ckeditor.com/cke4/addon/widget)

Installation:

  • Add the widget to your CKEditor build 

OR

  • Extract the downloaded file into the CKEditor’s plugins folder.
  • Enable the plugin by changing or adding the extraPlugins line in your configuration (config.js): config.extraPlugins = 'widgetcontextmenu'; 

Screenshots

widgetcontextmenu

5,318 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.13

DownloadRelease notes

Added Copy command and added config settings

Table Selection

This plugin introduces a unique custom selection system for tables to, for example:

  • Select an arbitrary rectangular table fragment - a few cells from different rows, a column (or a few of them) or a row (or multiple rows).

  • Apply formatting or add a link to all selected cells at once.

  • Cut, copy and paste entire rows or columns.

Screenshots

tableselection

660,922 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.

Version: 4.9.2

DownloadRelease notes

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

YouTube Search

A search result contains information about a YouTube video, channel, or playlist that matches the search parameters.

  • Available in 66 languages

 

DEPENDENCIES:

It requires the following plugins to work: CKFinder, Widget and Line Utilities.

 

LOGS:

  • 1.0
    • Initial release

 

NOTE: You can send your suggestions, comments, concerns, or inquiries thru michaeljanea.cv@gmail.com or by filling up the contact form of my website. I'm having a trouble using Disqus lol.

Screenshots

Product Page Commercial plugin

Smaller Selection

The plugin listens for the double click on the content and then tries to check first the boundaries of the selection that the browser has created, so it tries to select only a text node and after that if the end of the selection is a space just moves it one place back.

smallerselection

4,374 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.1.1

DownloadRelease notes

Release again in ckeditor.com.

Linted code

MJ Form Builder with jQuery / PHP Email Functionality

Let your users create their own form with built-in email functionality!

  • Compatible with Bootstrap and Non-Bootstrap
  • No database required
  • Available in 66 languages
  • jQuery / PHP Email function ready
  • HTML 5 validation
  • Real-time validation (MJ Form Validation)
  • Date/Time Picker
  • Back-end is 100% customizable, you may use your own code
  • WP Gravity Form inspired
  • Easily configure the title, description, settings and confirmation message using the form settings.
  • Standard Fields
    • Single Line Text (Textbox)
    • Paragraph Text (Textarea)
    • Dropdown
    • Multi Select
    • Checkboxes
    • Radio Buttons
    • Number
  • Advanced Fields
    • Date
    • Time
    • Website (URL)
    • Email
    • File Upload
  • Notifications - Easily configure notification emails that are sent when a form is submitted. Quickly respond to users filling out your form with a User notification that acts as an auto-responder thanking them for submission.

 

Spam Security Features

  • Allow users to send an email every 30 seconds
  • reCaptcha

 

Road Map / Future Features

  • Advanced Fields - Sometimes standard form fields just don't cut the mustard. That's where the advanced fields come in.. from capturing names, addresses and phone numbers. The advanced fields are here to make your life even easier.
  • Pricing Fields - Order forms can incorporate pricing specific fields to allow your users to make selections and generate a total based on product and option selections.
  • Conditional Logic - Conditional Logic allows you to configure your form to show or hide fields, sections, pages or even the submit button based on user selections. This allows you to easily control what information your user is asked to provide on your WordPress powered site and tailor the form specifically to their needs.
  • and many more...

 

LOGS:

  • 1.4.1
    • FIXED: minor bug fixing for the latest CKEditor version
  • 1.4
    • ADDED: Drag and drop sorting
    • ADDED: File Upload support
  • 1.3
    • ADDED: config.mjFormBuilder_use_bootstrap to support non-bootstrap
    • ADDED: config.mjFormBuilder_date_format_selection to manage date formats available for custom date pickers
    • ADDED: config.mjFormBuilder_time_format_selection to manage time formats available for custom time pickers
  • 1.2
    • ADDED: base64 encryption for email addresses to prevent robots from crawling these
    • FIXED: function() default parameter value bug for IE and Safari
  • 1.1
    • ADDED: Date, Time, Website and Email
    • ADDED: reCaptcha for additional security
    • ADDED: Dropdown for dynamic fields in Body's popup
    • CHANGED: HTML5 Validation to MJ Form Validation for cross-browser compatibility
    • FIXED: Tab index
    • FIXED: Minor bugs
  • 1.0
    • Initial release

 

NOTE: You can send your suggestions, comments, concerns, or inquiries thru michaeljanea.cv@gmail.com or by filling up the contact form of my website. I'm having a trouble using Disqus lol.

Screenshots

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